#CCF0DE Color

Color Information

HEX#CCF0DE
RGB204, 240, 222
HSL150° , 55% , 87%
HSV150° , 15% , 94%
CMYK15%, 0%, 8%, 6%

Lighter Shades

#D2F2E2 #D8F4E6 #DEF5EA #E4F7EE #EBF9F2 #F1FBF6

Darker Shades

#B4D3C3 #9BB6A9 #839A8E #6A7D73 #526059 #39433E

Complementary Palette

#AFCEBF #CCF0DE #CEAFBF #F0CCDE #F2D3E3 #D3F2E3

Analogous Palette

#C4D4C4 #D2E9D2 #C0E2D1 #CCF0DE #D2E9E9 #D6EBEB

Triadic Palette

#B4D3C3 #CCF0DE #DEC8F3 #E2CFF4 #F3DEC8 #D6C3B0

Split Complementary Palette

#B8D8C8 #CCF0DE #F0CCF0 #F2D1F2 #F0CCCC #D8B8B8

Square Palette

#ABCABA #CCF0DE #CFCFED #EDCFDE #F0F0CC #F2F2D4

Tetradic Palette

#A7C5B6 #CCF0DE #C6DEF6 #F0CCDE #F6DEC6 #F8E4D0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCF0DE contains 204 red, 240 green, and 222 blue.

Contrast Ratio: 1.22:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 17.18:1