#40C6DD Color

Color Information

HEX#40C6DD
RGB64, 198, 221
HSL189° , 70% , 56%
HSV189° , 71% , 87%
CMYK71%, 10%, 0%, 13%

Lighter Shades

#57CDE1 #6ED4E5 #85DBE9 #9CE1ED #B3E8F1 #CAEFF5

Darker Shades

#38AEC2 #3196A8 #297F8D #216773 #1A4F58 #12373E

Complementary Palette

#37AABE #40C6DD #BE4C37 #DD5840 #E26F5B #5BCEE2

Analogous Palette

#53B290 #57C7A0 #3CBAD0 #40C6DD #577EC7 #6287CB

Triadic Palette

#38AEC2 #40C6DD #E935CE #EC4DD4 #CEE935 #B5CD2F

Split Complementary Palette

#3AB2C7 #40C6DD #DD4077 #E05385 #DDA640 #C7953A

Square Palette

#36A6BA #40C6DD #A34BD2 #D2604B #77DD40 #8DE25F

Tetradic Palette

#34A2B5 #40C6DD #4A2CF2 #DD5840 #D4F22C #DCF452

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #40C6DD contains 64 red, 198 green, and 221 blue.

Contrast Ratio: 2.01:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.46:1