Created at 12/06/2023 03:30
#ccdeff HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #ccdeff | RGB(204, 222, 255) |
RGB values are RGB(204, 222, 255)
#ccdeff color contain Red 80%, Green 87.06% and Blue 100%.
oklch(89.77% 0.0495 262.61)
#ccdeff color contain Red 80%, Green 87.06% and Blue 100%.
oklch(89.77% 0.0495 262.61)
Classification of #ccdeff color
#ccdeff is Light and Cool Color Saturation 100%, lightness 90%.
Shade of lightsteelblue
Alternative colors of #ccdeff
Opposite Color for #ccdeff is #ffedcc
#ccdeff Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccdeff
Decimal
13426431
HEX
#ccdeff
HSL
hsl(219, 100%, 90%)
HSLA
hsla(219, 100%, 90%, 1)
RGB
RGB(204, 222, 255)
RGBA
RGBA(204, 222, 255, 1)
Palettes for #ccdeff color:
Below examples of color palettes for #ccdeff HEX color
darkest color is #141619 from shades and lightest color is #fafcff from tints
Shades palette of #ccdeff:
#b8c8e6
#a3b2cc
#8f9bb3
#7a8599
#666f80
#525966
#3d434d
#292c33
#141619
#000000
Tints palette of #ccdeff:
#d1e1ff
#d6e5ff
#dbe8ff
#e0ebff
#e6efff
#ebf2ff
#f0f5ff
#f5f8ff
#fafcff
#ffffff
Complementary palette of #ccdeff:
#ccdeff
#ffedcc
Triadic palette of #ccdeff:
#ccdeff
#ffccde
#deffcc
Square palette of #ccdeff:
#ccdeff
#ffccf7
#ccffd4
#ffedcc
Analogous palette of #ccdeff:
#ccf7ff
#ccdeff
Split-Complementary palette of #ccdeff:
#ccdeff
#ccf7ff
Rectangle (tetradic) palette of #ccdeff:
#ccdeff
#ffccf7
#ccffd4
#ffd4cc
Suggested colors palettes for #ccdeff HEX:
Colors palette with color #ccdeff #1:
Colors palette with color #ccdeff #2:
Colors palette with color #ccdeff #3:
Colors palette with color #ccdeff #4:
Colors palette with color #ccdeff #5:
Color Contrast
Color pairings #ccdeff with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ccdeff
#ccdeff Contrast Ratio
1.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccdeff
#ccdeff Contrast Ratio
15.45:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccdeff color png
Visit the popular colors list for more colors