#ccd2ec HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ccd2ec | RGB(204, 210, 236) |
Created at 08/20/2026 05:43
RGB values are RGB(204, 210, 236)
#ccd2ec color contains Red 80%, Green 82.35% and Blue 92.55%.
oklch(86.73% 0.0365 275.31)
#ccd2ec color contains Red 80%, Green 82.35% and Blue 92.55%.
oklch(86.73% 0.0365 275.31)
Color Names of #ccd2ec HEX code
≈ Periwinkle Gray
Classification of #ccd2ec color
#ccd2ec is Light and Cool Color Saturation 46%, lightness 86%.
Shade of Lavender
Alternative colors of #ccd2ec
Opposite Color for #ccd2ec is #ece6cc
#ccd2ec Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccd2ec
cmyk
CMYK(14%, 11%, 0%, 7%)
Decimal
13423340
HEX
#ccd2ec
HSL
hsl(229, 46%, 86%)
HSLA
hsla(229, 46%, 86%, 1)
RGB
RGB(204, 210, 236)
RGBA
RGBA(204, 210, 236, 1)
Palettes for #ccd2ec color:
Below are examples of color palettes with the #ccd2ec HEX color
darkest color is #141518 from shades and lightest color is #fafbfd from tints
Shades palette of #ccd2ec:
#b8bdd4
#a3a8bd
#8f93a5
#7a7e8e
#666976
#52545e
#3d3f47
#292a2f
#141518
#000000
Tints palette of #ccd2ec:
#d1d7ee
#d6dbf0
#dbe0f2
#e0e4f4
#e6e9f6
#ebedf7
#f0f2f9
#f5f6fb
#fafbfd
#ffffff
Complementary palette of #ccd2ec:
#ccd2ec
#ece6cc
Triadic palette of #ccd2ec:
#ccd2ec
#ecccd2
#d2eccc
Square palette of #ccd2ec:
#ccd2ec
#eccce2
#ece6cc
#ccecd6
Analogous palette of #ccd2ec:
#cce2ec
#ccd2ec
#d6ccec
Split-Complementary palette of #ccd2ec:
#ccd2ec
#ecd6cc
#e2eccc
Rectangle (tetradic) palette of #ccd2ec:
#ccd2ec
#e6ccec
#ece6cc
#d2eccc
Suggested color palettes for #ccd2ec HEX:
Color palette with color #ccd2ec #1:
Color palette with color #ccd2ec #2:
Color palette with color #ccd2ec #3:
Color palette with color #ccd2ec #4:
Color palette with color #ccd2ec #5:
Color #ccd2ec used in palettes (2)
Color Contrast
Color pairings of #ccd2ec with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#ccd2ec
#ccd2ecContrast Ratio
1.5:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccd2ec
#ccd2ecContrast Ratio
13.99:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccd2ec color png
Visit the popular colors list for more colors