#ccd4dc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ccd4dc | RGB(204, 212, 220) |
Created at 02/20/2023 08:58
RGB values are RGB(204, 212, 220)
#ccd4dc color contains Red 80%, Green 83.14% and Blue 86.27%.
oklch(86.62% 0.0141 247.99)
#ccd4dc color contains Red 80%, Green 83.14% and Blue 86.27%.
oklch(86.62% 0.0141 247.99)
Color Names of #ccd4dc HEX code
Columbia Blue Color
≈ Mischka
Classification of #ccd4dc color
#ccd4dc is Light and Cool Color Saturation 19%, lightness 83%.
Shade of Light Gray
Alternative colors of #ccd4dc
Opposite Color for #ccd4dc is #dcd4cc
#ccd4dc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccd4dc
cmyk
CMYK(7%, 4%, 0%, 14%)
Decimal
13423836
HEX
#ccd4dc
HSL
hsl(210, 19%, 83%)
HSLA
hsla(210, 19%, 83%, 1)
RGB
RGB(204, 212, 220)
RGBA
RGBA(204, 212, 220, 1)
Palettes for #ccd4dc color:
Below are examples of color palettes with the #ccd4dc HEX color
darkest color is #141516 from shades and lightest color is #fafbfc from tints
Shades palette of #ccd4dc:
#b8bfc6
#a3aab0
#8f949a
#7a7f84
#666a6e
#525558
#3d4042
#292a2c
#141516
#000000
Tints palette of #ccd4dc:
#d1d8e0
#d6dde3
#dbe1e7
#e0e5ea
#e6eaee
#ebeef1
#f0f2f5
#f5f6f8
#fafbfc
#ffffff
Complementary palette of #ccd4dc:
#ccd4dc
#dcd4cc
Triadic palette of #ccd4dc:
#ccd4dc
#dcccd4
#d4dccc
Square palette of #ccd4dc:
#ccd4dc
#dcccdc
#dcd4cc
#ccdccc
Analogous palette of #ccd4dc:
#ccdcdc
#ccd4dc
#ccccdc
Split-Complementary palette of #ccd4dc:
#ccd4dc
#dccccc
#dcdccc
Rectangle (tetradic) palette of #ccd4dc:
#ccd4dc
#d4ccdc
#dcd4cc
#d4dccc
Suggested color palettes for #ccd4dc HEX:
Color palette with color #ccd4dc #1:
Color palette with color #ccd4dc #2:
Color palette with color #ccd4dc #3:
Color palette with color #ccd4dc #4:
Color palette with color #ccd4dc #5:
Color #ccd4dc used in palettes (11)
Simple date reminder user interface hex colorsVector flat icecream cute art paletteBackground removal poster graphicdesign bannerIllustrations unique vector modern colors paletteBlue ux dailyui lamp colors palettePhotoApplication ux ios design hex colorsVectorlo akanksha character uiux hex colorsGraphic design nft illustration branding colorsFlat woman glamour kit8 colorsBrand typography app icon wallet logo colors
Color Contrast
Color pairings of #ccd4dc with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#ccd4dc
#ccd4dcContrast Ratio
1.49:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccd4dc
#ccd4dcContrast Ratio
14.01:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccd4dc color png
Visit the popular colors list for more colors