#3DDCF5 Color

Color Information

HEX#3DDCF5
RGB61, 220, 245
HSL188° , 90% , 60%
HSV188° , 75% , 96%
CMYK75%, 10%, 0%, 4%

Lighter Shades

#54E0F6 #6CE4F7 #83E9F9 #9AEDFA #B1F1FB #C9F5FC

Darker Shades

#36C2D8 #2EA7BA #278D9D #20727F #185862 #113E45

Complementary Palette

#34BDD3 #3DDCF5 #D34A34 #F5563D #F66E58 #58E1F6

Analogous Palette

#4ECA9D #52E0AC #39CFE6 #3DDCF5 #5286E0 #5F8FE3

Triadic Palette

#36C2D8 #3DDCF5 #FF33E4 #FF4BE7 #E4FF33 #C9E02D

Split Complementary Palette

#37C6DD #3DDCF5 #F53D81 #F6508E #F5B13D #DD9F37

Square Palette

#33B9CE #3DDCF5 #AF47EB #EB5D47 #81F53D #95F75C

Tetradic Palette

#32B4C9 #3DDCF5 #4E33FF #F5563D #E4FF33 #E9FF58

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3DDCF5 contains 61 red, 220 green, and 245 blue.

Contrast Ratio: 1.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.84:1