Created at 12/02/2023 07:42
  5

#cddef4 HEX Color information

Color HEX RGB
#cddef4 RGB(205, 222, 244)

RGB values are RGB(205, 222, 244)
#cddef4 color contain Red 80.39%, Green 87.06% and Blue 95.69%.

Classification of #cddef4 color

#cddef4 is Light and Cool Color
Opposite Color for #cddef4 is #f4e3cd

#cddef4 Color Conversion

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

Decimal
13491956
HEX
#cddef4
HSL
hsl(214, 64%, 88%)
HSLA
hsla(214, 64%, 88%, 1)
RGB
RGB(205, 222, 244)
RGBA
RGBA(205, 222, 244, 1)

Palettes for #cddef4 color:

Below examples of color palettes for #cddef4 HEX color

darkest color is #141618 from shades and lightest color is #fafcfe from tints

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

Suggested colors palettes for #cddef4 HEX:

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

Color Contrast

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

#cddef4
#cddef4
Contrast Ratio
1.36:1
SizeAA-levelAAA-level
Large text:
Small text:
#cddef4
#cddef4
Contrast Ratio
15.35:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #cddef4 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