Hex Color #6CCCF3 - Custom Color

Color Codes

HEX

#6CCCF3

RGB

rgb(108, 204, 243)

HSL

hsl(197, 85%, 69%)

CMYK

cmyk(56%, 16%, 0%, 5%)

HSV

hsv(197, 56%, 95%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#6DF3D6 #6DCDF3 #6D8AF3

Triadic

#6DCDF3 #F36DCD #CDF36D

Split Complementary

#6DCDF3 #F36D8A #F3D66D

Tetradic (Square)

#6DCDF3 #D66DF3 #F3936D #8AF36D

Complementary

#6CCCF3 #F3936D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.82:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.57:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #6CCCF3;

color: #6CCCF3;

border-color: #6CCCF3;

}

Tailwind CSS (with arbitrary values)

bg-[#6CCCF3]

text-[#6CCCF3]

border-[#6CCCF3]

// Example usage: