#158AC5 Color

Color Information

HEX	#158AC5
RGB	21, 138, 197
HSL	200° , 81% , 43%
HSV	200° , 89% , 77%
CMYK	89%, 30%, 0%, 23%

Lighter Shades

#3198CC #4DA6D3 #69B4DA #85C2E1 #A1D0E8 #BDDEEF

Darker Shades

#1279AD #106996 #0D587E #0B4866 #08374F #062737

Complementary Palette

#1277A9 #158AC5 #AA4512 #C65015 #CE6936 #369ACD

Analogous Palette

#27A08C #2BB19A #1482B9 #158AC5 #2B41B1 #4154B4

Triadic Palette

#1279AD #158AC5 #D10A8F #D7279C #8FD10A #7EB809

Split Complementary Palette

#137CB1 #158AC5 #C61532 #CC2C47 #C6A915 #B29813

Square Palette

#1274A5 #158AC5 #A220BC #BC5420 #32C615 #53CF3A

Tetradic Palette

#1171A2 #158AC5 #4901DA #C65015 #92DA01 #A6E12F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #158AC5 contains 21 red, 138 green, and 197 blue.

Contrast Ratio: 3.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.54:1