Created at 12/18/2023 17:08
#ccd5fa HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #ccd5fa | RGB(204, 213, 250) |
RGB values are RGB(204, 213, 250)
#ccd5fa color contain Red 80%, Green 83.53% and Blue 98.04%.
oklch(87.80% 0.0521 274.51)
#ccd5fa color contain Red 80%, Green 83.53% and Blue 98.04%.
oklch(87.80% 0.0521 274.51)
Classification of #ccd5fa color
#ccd5fa is Light and Cool Color Saturation 82%, lightness 89%.
Tint of lavender
Alternative colors of #ccd5fa
Opposite Color for #ccd5fa is #faf1cc
#ccd5fa Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccd5fa
Decimal
13424122
HEX
#ccd5fa
HSL
hsl(228, 82%, 89%)
HSLA
hsla(228, 82%, 89%, 1)
RGB
RGB(204, 213, 250)
RGBA
RGBA(204, 213, 250, 1)
Palettes for #ccd5fa color:
Below examples of color palettes for #ccd5fa HEX color
darkest color is #141519 from shades and lightest color is #fafbff from tints
Shades palette of #ccd5fa:
#b8c0e1
#a3aac8
#8f95af
#7a8096
#666b7d
#525564
#3d404b
#292b32
#141519
#000000
Tints palette of #ccd5fa:
#d1d9fb
#d6ddfb
#dbe2fc
#e0e6fc
#e6eafd
#ebeefd
#f0f2fe
#f5f7fe
#fafbff
#ffffff
Complementary palette of #ccd5fa:
#ccd5fa
#faf1cc
Triadic palette of #ccd5fa:
#ccd5fa
#faccd5
#d5facc
Square palette of #ccd5fa:
#ccd5fa
#faccec
#ccfada
#faf1cc
Analogous palette of #ccd5fa:
#ccecfa
#ccd5fa
Split-Complementary palette of #ccd5fa:
#ccd5fa
#ccecfa
Rectangle (tetradic) palette of #ccd5fa:
#ccd5fa
#faccec
#ccfada
#fadacc
Suggested colors palettes for #ccd5fa HEX:
Colors palette with color #ccd5fa #1:
Colors palette with color #ccd5fa #2:
Colors palette with color #ccd5fa #3:
Colors palette with color #ccd5fa #4:
Colors palette with color #ccd5fa #5:
Color Contrast
Color pairings #ccd5fa with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ccd5fa
#ccd5fa Contrast Ratio
1.45:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccd5fa
#ccd5fa Contrast Ratio
14.46:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccd5fa color png
Visit the popular colors list for more colors