Created at 12/02/2023 02:58
#ccd3ff HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ccd3ff | RGB(204, 211, 255) |
RGB values are RGB(204, 211, 255)
#ccd3ff color contain Red 80%, Green 82.75% and Blue 100%.
oklch(87.59% 0.0613 277.96)
#ccd3ff color contain Red 80%, Green 82.75% and Blue 100%.
oklch(87.59% 0.0613 277.96)
Color Names of #ccd3ff HEX code
≈ Periwinkle
Classification of #ccd3ff color
#ccd3ff is Light and Cool Color Saturation 100%, lightness 90%.
Shade of lavender
Alternative colors of #ccd3ff
Opposite Color for #ccd3ff is #fff8cc
#ccd3ff Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccd3ff
Decimal
13423615
HEX
#ccd3ff
HSL
hsl(232, 100%, 90%)
HSLA
hsla(232, 100%, 90%, 1)
RGB
RGB(204, 211, 255)
RGBA
RGBA(204, 211, 255, 1)
Palettes for #ccd3ff color:
Below examples of color palettes for #ccd3ff HEX color
darkest color is #141519 from shades and lightest color is #fafbff from tints
Shades palette of #ccd3ff:
#b8bee6
#a3a9cc
#8f94b3
#7a7f99
#666a80
#525466
#3d3f4d
#292a33
#141519
#000000
Tints palette of #ccd3ff:
#d1d7ff
#d6dcff
#dbe0ff
#e0e5ff
#e6e9ff
#ebedff
#f0f2ff
#f5f6ff
#fafbff
#ffffff
Complementary palette of #ccd3ff:
#ccd3ff
#fff8cc
Triadic palette of #ccd3ff:
#ccd3ff
#ffccd3
#d3ffcc
Square palette of #ccd3ff:
#ccd3ff
#ffcced
#fff8cc
#ccffde
Analogous palette of #ccd3ff:
#ccedff
#ccd3ff
#deccff
Split-Complementary palette of #ccd3ff:
#ccd3ff
#ffdecc
#edffcc
Rectangle (tetradic) palette of #ccd3ff:
#ccd3ff
#f8ccff
#fff8cc
#d3ffcc
Suggested color palettes for #ccd3ff HEX:
Color palette with color #ccd3ff #1:
Color palette with color #ccd3ff #2:
Color palette with color #ccd3ff #3:
Color palette with color #ccd3ff #4:
Color palette with color #ccd3ff #5:
Color #ccd3ff used in palettes (1)
Color Contrast
Color pairings #ccd3ff with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ccd3ff
#ccd3ff Contrast Ratio
1.46:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccd3ff
#ccd3ff Contrast Ratio
14.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccd3ff color png
Visit the popular colors list for more colors