#ccd3e8 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ccd3e8 | RGB(204, 211, 232) |
Created at 02/28/2023 13:30
RGB values are RGB(204, 211, 232)
#ccd3e8 color contains Red 80%, Green 82.75% and Blue 90.98%.
oklch(86.79% 0.03 271.06)
#ccd3e8 color contains Red 80%, Green 82.75% and Blue 90.98%.
oklch(86.79% 0.03 271.06)
Color Names of #ccd3e8 HEX code
≈ Periwinkle Gray
Classification of #ccd3e8 color
#ccd3e8 is Light and Cool Color Saturation 38%, lightness 85%.
Shade of Lavender
Alternative colors of #ccd3e8
Opposite Color for #ccd3e8 is #e8e1cc
#ccd3e8 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccd3e8
cmyk
CMYK(12%, 9%, 0%, 9%)
Decimal
13423592
HEX
#ccd3e8
HSL
hsl(225, 38%, 85%)
HSLA
hsla(225, 38%, 85%, 1)
RGB
RGB(204, 211, 232)
RGBA
RGBA(204, 211, 232, 1)
Palettes for #ccd3e8 color:
Below are examples of color palettes with the #ccd3e8 HEX color
darkest color is #141517 from shades and lightest color is #fafbfd from tints
Shades palette of #ccd3e8:
#b8bed1
#a3a9ba
#8f94a2
#7a7f8b
#666a74
#52545d
#3d3f46
#292a2e
#141517
#000000
Tints palette of #ccd3e8:
#d1d7ea
#d6dced
#dbe0ef
#e0e5f1
#e6e9f4
#ebedf6
#f0f2f8
#f5f6fa
#fafbfd
#ffffff
Complementary palette of #ccd3e8:
#ccd3e8
#e8e1cc
Triadic palette of #ccd3e8:
#ccd3e8
#e8ccd3
#d3e8cc
Square palette of #ccd3e8:
#ccd3e8
#e8cce1
#e8e1cc
#cce8d3
Analogous palette of #ccd3e8:
#cce1e8
#ccd3e8
#d3cce8
Split-Complementary palette of #ccd3e8:
#ccd3e8
#e8d3cc
#e1e8cc
Rectangle (tetradic) palette of #ccd3e8:
#ccd3e8
#e1cce8
#e8e1cc
#d3e8cc
Suggested color palettes for #ccd3e8 HEX:
Color palette with color #ccd3e8 #1:
Color palette with color #ccd3e8 #2:
Color palette with color #ccd3e8 #3:
Color palette with color #ccd3e8 #4:
Color palette with color #ccd3e8 #5:
Color #ccd3e8 used in palettes (1)
Color Contrast
Color pairings of #ccd3e8 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#ccd3e8
#ccd3e8Contrast Ratio
1.49:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccd3e8
#ccd3e8Contrast Ratio
14.05:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccd3e8 color png
Visit the popular colors list for more colors