Created at 02/19/2023 04:01
  32

#ccdfde HEX Color information

Color HEX RGB
#ccdfde RGB(204, 223, 222)

RGB values are RGB(204, 223, 222)
#ccdfde color contain Red 80%, Green 87.45% and Blue 87.06%.

Classification of #ccdfde color

#ccdfde is Light and Cool Color
Tint of azure
Opposite Color for #ccdfde is #e0cdce

#ccdfde Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccdfde

Decimal
13426654
HEX
#ccdfde
HSL
hsl(177, 23%, 84%)
HSLA
hsla(177, 23%, 84%, 1)
RGB
RGB(204, 223, 222)
RGBA
RGBA(204, 223, 222, 1)

Palettes for #ccdfde color:

Below examples of color palettes for #ccdfde HEX color

darkest color is #141616 from shades and lightest color is #fafcfc from tints

Shades palette of #ccdfde:
Tints palette of #ccdfde:
Complementary palette of #ccdfde:
Triadic palette of #ccdfde:
Square palette of #ccdfde:
Analogous palette of #ccdfde:
Split-Complementary palette of #ccdfde:
Rectangle (tetradic) palette of #ccdfde:

Suggested colors palettes for #ccdfde HEX:

Colors palette with color #ccdfde #1:
Colors palette with color #ccdfde #2:
Colors palette with color #ccdfde #3:
Colors palette with color #ccdfde #4:
Colors palette with color #ccdfde #5:

Color Contrast

Color pairings #ccdfde with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio

#ccdfde
#ccdfde
Contrast Ratio
1.38:1
SizeAA-levelAAA-level
Large text:
Small text:
#ccdfde
#ccdfde
Contrast Ratio
15.17:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #ccdfde color png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes