#6BDCCC Color

Color Information

HEX#6BDCCC
RGB107, 220, 204
HSL172° , 62% , 64%
HSV172° , 51% , 86%
CMYK51%, 0%, 7%, 14%

Lighter Shades

#7DE0D2 #8FE4D8 #A0E9DE #B2EDE4 #C4F1EB #D6F5F1

Darker Shades

#5EC2B4 #51A79B #448D83 #38726A #2B5852 #1E3E39

Complementary Palette

#5CBDAF #6BDCCC #BD5B68 #DC6A79 #E17F8C #80E1D3

Analogous Palette

#77B68E #7DCA99 #65CFC0 #6BDCCC #7DADCA #88B4CE

Triadic Palette

#5EC2B4 #6BDCCC #D461E5 #D974E8 #E5D461 #CABB55

Split Complementary Palette

#60C6B8 #6BDCCC #DC6AB2 #E079BA #DC946A #C6855F

Square Palette

#5AB9AB #6BDCCC #9673D3 #D37380 #B2DC6A #BEE282

Tetradic Palette

#58B4A7 #6BDCCC #5A6DED #DC6A79 #EDD95A #F0E078

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6BDCCC contains 107 red, 220 green, and 204 blue.

Contrast Ratio: 1.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.85:1