#148EA2 Color

Color Information

HEX#148EA2
RGB20, 142, 162
HSL188° , 78% , 36%
HSV188° , 88% , 64%
CMYK88%, 12%, 0%, 36%

Lighter Shades

#309CAD #4CA9B8 #69B7C3 #85C4CF #A1D2DA #BDDFE5

Darker Shades

#127D8F #0F6C7B #0D5B68 #0A4A54 #083941 #06282D

Complementary Palette

#117A8B #148EA2 #8C2211 #A32714 #B04535 #359EAF

Analogous Palette

#238661 #27916A #138598 #148EA2 #274E91 #3C5D96

Triadic Palette

#127D8F #148EA2 #AD0B97 #B728A3 #97AD0B #85980A

Split Complementary Palette

#128092 #148EA2 #A31449 #AC2C5B #A36F14 #936412

Square Palette

#117788 #148EA2 #6C1D9A #9A2E1D #49A314 #66B23A

Tetradic Palette

#107485 #148EA2 #1B04B4 #A32714 #9CB404 #AEC231

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #148EA2 contains 20 red, 142 green, and 162 blue.

Contrast Ratio: 3.82:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 5.49:1