#ccd4ff HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ccd4ff | RGB(204, 212, 255) |
Created at 08/31/2023 04:02
RGB values are RGB(204, 212, 255)
#ccd4ff color contains Red 80%, Green 83.14% and Blue 100%.
oklch(87.78% 0.0601 276.82)
#ccd4ff color contains Red 80%, Green 83.14% and Blue 100%.
oklch(87.78% 0.0601 276.82)
Color Names of #ccd4ff HEX code
≈ Periwinkle
Classification of #ccd4ff color
#ccd4ff is Light and Cool Color Saturation 100%, lightness 90%.
Shade of Lavender
Alternative colors of #ccd4ff
Opposite Color for #ccd4ff is #fff7cc
#ccd4ff Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccd4ff
cmyk
CMYK(20%, 17%, 0%, 0%)
Decimal
13423871
HEX
#ccd4ff
HSL
hsl(231, 100%, 90%)
HSLA
hsla(231, 100%, 90%, 1)
RGB
RGB(204, 212, 255)
RGBA
RGBA(204, 212, 255, 1)
Palettes for #ccd4ff color:
Below are examples of color palettes with the #ccd4ff HEX color
darkest color is #141519 from shades and lightest color is #fafbff from tints
Shades palette of #ccd4ff:
#b8bfe6
#a3aacc
#8f94b3
#7a7f99
#666a80
#525566
#3d404d
#292a33
#141519
#000000
Tints palette of #ccd4ff:
#d1d8ff
#d6ddff
#dbe1ff
#e0e5ff
#e6eaff
#ebeeff
#f0f2ff
#f5f6ff
#fafbff
#ffffff
Complementary palette of #ccd4ff:
#ccd4ff
#fff7cc
Triadic palette of #ccd4ff:
#ccd4ff
#ffccd4
#d4ffcc
Square palette of #ccd4ff:
#ccd4ff
#ffcced
#fff7cc
#ccffde
Analogous palette of #ccd4ff:
#ccedff
#ccd4ff
#deccff
Split-Complementary palette of #ccd4ff:
#ccd4ff
#ffdecc
#edffcc
Rectangle (tetradic) palette of #ccd4ff:
#ccd4ff
#f7ccff
#fff7cc
#d4ffcc
Suggested color palettes for #ccd4ff HEX:
Color palette with color #ccd4ff #1:
Color palette with color #ccd4ff #2:
Color palette with color #ccd4ff #3:
Color palette with color #ccd4ff #4:
Color palette with color #ccd4ff #5:
Color Contrast
Color pairings of #ccd4ff with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#ccd4ff
#ccd4ffContrast Ratio
1.45:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccd4ff
#ccd4ffContrast Ratio
14.42:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccd4ff color png
Visit the popular colors list for more colors