#ccc4dc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ccc4dc | RGB(204, 196, 220) |
Created at 02/21/2023 20:19
Classification of #ccc4dc color
#ccc4dc is Light and Cool Color Saturation 26%, lightness 82%.
Shade of Thistle
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
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 examples of color palettes for #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 colors Hugs logo design colors Logo design graphic illustration branding colors palette Tuesday march typography poster hex colors Web design typography ui colors Minimalistic web design select ui palette Fireart pink 2d illustration studio colors palette Procreate illustration design graphic colors Design interface cinema4d ui hex colors Animation after effect graphic design hex colors Hospital clinic patient ux colors palette Web app security ui design colours
Color Contrast
Color pairings #ccc4dc with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ccc4dc
#ccc4dc Contrast Ratio
1.68:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccc4dc
#ccc4dc Contrast 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