#31DBF5 Color

Color Information

HEX	#31DBF5
RGB	49, 219, 245
HSL	188° , 91% , 58%
HSV	188° , 80% , 96%
CMYK	80%, 11%, 0%, 4%

Lighter Shades

#4ADFF6 #62E4F7 #7BE8F9 #94ECFA #ADF1FB #C5F5FC

Darker Shades

#2BC1D8 #25A6BA #1F8C9D #19727F #145862 #0E3D45

Complementary Palette

#2ABCD3 #31DBF5 #D3412B #F54C32 #F6654F #4EE0F6

Analogous Palette

#45C999 #48E0A8 #2ECEE6 #31DBF5 #4880E0 #5589E2

Triadic Palette

#2BC1D8 #31DBF5 #FF29E2 #FF43E5 #E2FF29 #C7E024

Split Complementary Palette

#2CC5DD #31DBF5 #F5327A #F64787 #F5AE32 #DD9D2D

Square Palette

#29B8CE #31DBF5 #AB3DEB #EB543D #7AF532 #8FF753

Tetradic Palette

#28B4C9 #31DBF5 #4529FF #F54C32 #E2FF29 #E7FF50

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31DBF5 contains 49 red, 219 green, and 245 blue.

Contrast Ratio: 1.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.67:1