#ccc4dc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ccc4dc | RGB(204, 196, 220) |
Created at 02/21/2023 20:19
RGB values are RGB(204, 196, 220)
#ccc4dc color contains Red 80%, Green 76.86% and Blue 86.27%.
oklch(83.42% 0.0342 300.83)
#ccc4dc color contains Red 80%, Green 76.86% and Blue 86.27%.
oklch(83.42% 0.0342 300.83)
Color Names of #ccc4dc HEX code
Light Periwinkle Color
≈ Ghost
Classification of #ccc4dc color
#ccc4dc is Light and Cool Color Saturation 26%, lightness 82%.
Shade of Thistle
Alternative colors of #ccc4dc
Opposite Color for #ccc4dc is #d4dcc4
#ccc4dc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccc4dc
cmyk
CMYK(7%, 11%, 0%, 14%)
Decimal
13419740
HEX
#ccc4dc
HSL
hsl(260, 26%, 82%)
HSLA
hsla(260, 26%, 82%, 1)
RGB
RGB(204, 196, 220)
RGBA
RGBA(204, 196, 220, 1)
Palettes for #ccc4dc color:
Below are examples of color palettes with the #ccc4dc HEX color
darkest color is #141416 from shades and lightest color is #faf9fc from tints
Shades palette of #ccc4dc:
#b8b0c6
#a39db0
#8f899a
#7a7684
#66626e
#524e58
#3d3b42
#29272c
#141416
#000000
Tints palette of #ccc4dc:
#d1cae0
#d6d0e3
#dbd6e7
#e0dcea
#e6e2ee
#ebe7f1
#f0edf5
#f5f3f8
#faf9fc
#ffffff
Complementary palette of #ccc4dc:
#ccc4dc
#d4dcc4
Triadic palette of #ccc4dc:
#ccc4dc
#dcccc4
#c4dccc
Square palette of #ccc4dc:
#ccc4dc
#dcc4c8
#d4dcc4
#c4dcd8
Analogous palette of #ccc4dc:
#c4c8dc
#ccc4dc
#d8c4dc
Split-Complementary palette of #ccc4dc:
#ccc4dc
#dcd8c4
#c8dcc4
Rectangle (tetradic) palette of #ccc4dc:
#ccc4dc
#dcc4d4
#d4dcc4
#c4dccc
Suggested color palettes for #ccc4dc HEX:
Color palette with color #ccc4dc #1:
Color palette with color #ccc4dc #2:
Color palette with color #ccc4dc #3:
Color palette with color #ccc4dc #4:
Color palette with color #ccc4dc #5:
Color #ccc4dc used in palettes (12)
Home cinema star wars ux hex colorsHugs logo design colorsLogo design graphic illustration branding colors paletteTuesday march typography poster hex colorsWeb design typography ui colorsMinimalistic web design select ui paletteFireart pink 2d illustration studio colors paletteProcreate illustration design graphic colorsDesign interface cinema4d ui hex colorsAnimation after effect graphic design hex colorsHospital clinic patient ux colors paletteWeb app security ui design colours
Color Contrast
Color pairings of #ccc4dc with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#ccc4dc
#ccc4dcContrast Ratio
1.68:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccc4dc
#ccc4dcContrast Ratio
12.49:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccc4dc color png
Visit the popular colors list for more colors