#188EE2 Color

Color Information

HEX#188EE2
RGB24, 142, 226
HSL205° , 81% , 49%
HSV205° , 89% , 89%
CMYK89%, 37%, 0%, 11%

Lighter Shades

#349CE5 #4FA9E9 #6BB7EC #87C4F0 #A3D2F3 #BEDFF7

Darker Shades

#157DC7 #126CAC #0F5B91 #0C4A76 #0A395A #07283F

Complementary Palette

#157AC2 #188EE2 #C25D15 #E26C18 #E68138 #389EE6

Analogous Palette

#2DB9AD #31C9BC #1785D4 #188EE2 #313DC9 #424DCD

Triadic Palette

#157DC7 #188EE2 #EF0B90 #F1289D #90EF0B #7FD20A

Split Complementary Palette

#1680CB #188EE2 #E21829 #E52F3E #E2D118 #CBBC16

Square Palette

#1477BE #188EE2 #C724D6 #D66E24 #29E218 #4BE73D

Tetradic Palette

#1474B9 #188EE2 #6801F9 #E26C18 #92F901 #A6FA2F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #188EE2 contains 24 red, 142 green, and 226 blue.

Contrast Ratio: 3.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.08:1