#6CC6F2 Color

Color Information

HEX#6CC6F2
RGB108, 198, 242
HSL200° , 84% , 69%
HSV200° , 55% , 95%
CMYK55%, 18%, 0%, 5%

Lighter Shades

#7ECDF4 #8FD4F5 #A1DBF7 #B3E1F8 #C4E8FA #D6EFFB

Darker Shades

#5FAED5 #5296B8 #457F9B #38677E #2B4F61 #1E3744

Complementary Palette

#5DAAD0 #6CC6F2 #D0845F #F29A6E #F4A882 #81CEF4

Analogous Palette

#79CDBF #7DE3D2 #66BAE3 #6CC6F2 #7D8EE3 #8B9AE5

Triadic Palette

#5FAED5 #6CC6F2 #FA66C9 #FB78CF #C9FA66 #B1DC5A

Split Complementary Palette

#61B2DA #6CC6F2 #F26E84 #F37D90 #F2DC6E #DAC663

Square Palette

#5BA6CB #6CC6F2 #D775EA #EA9C75 #84F26E #98F485

Tetradic Palette

#59A2C6 #6CC6F2 #9661FF #F29A6E #CAFF61 #D4FF7D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6CC6F2 contains 108 red, 198 green, and 242 blue.

Contrast Ratio: 1.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.13:1