#ccccf5 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ccccf5 | RGB(204, 204, 245) |
Created at 02/20/2023 09:21
RGB values are RGB(204, 204, 245)
#ccccf5 color contains Red 80%, Green 80% and Blue 96.08%.
oklch(85.85% 0.0566 285.15)
#ccccf5 color contains Red 80%, Green 80% and Blue 96.08%.
oklch(85.85% 0.0566 285.15)
Color Names of #ccccf5 HEX code
≈ Periwinkle
Classification of #ccccf5 color
#ccccf5 is Light and Cool Color Saturation 67%, lightness 88%.
Shade of Lavender
Alternative colors of #ccccf5
Opposite Color for #ccccf5 is #f5f5cc
#ccccf5 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccccf5
cmyk
CMYK(17%, 17%, 0%, 4%)
Decimal
13421813
HEX
#ccccf5
HSL
hsl(240, 67%, 88%)
HSLA
hsla(240, 67%, 88%, 1)
RGB
RGB(204, 204, 245)
RGBA
RGBA(204, 204, 245, 1)
Palettes for #ccccf5 color:
Below are examples of color palettes with the #ccccf5 HEX color
darkest color is #141418 from shades and lightest color is #fafafe from tints
Shades palette of #ccccf5:
#b8b8dd
#a3a3c4
#8f8fac
#7a7a93
#66667b
#525262
#3d3d4a
#292931
#141418
#000000
Tints palette of #ccccf5:
#d1d1f6
#d6d6f7
#dbdbf8
#e0e0f9
#e6e6fa
#ebebfb
#f0f0fc
#f5f5fd
#fafafe
#ffffff
Complementary palette of #ccccf5:
#ccccf5
#f5f5cc
Triadic palette of #ccccf5:
#ccccf5
#f5cccc
#ccf5cc
Square palette of #ccccf5:
#ccccf5
#f5cce1
#f5f5cc
#ccf5e1
Analogous palette of #ccccf5:
#cce1f5
#ccccf5
#e1ccf5
Split-Complementary palette of #ccccf5:
#ccccf5
#f5e1cc
#e1f5cc
Rectangle (tetradic) palette of #ccccf5:
#ccccf5
#f5ccf5
#f5f5cc
#ccf5cc
Suggested color palettes for #ccccf5 HEX:
Color palette with color #ccccf5 #1:
Color palette with color #ccccf5 #2:
Color palette with color #ccccf5 #3:
Color palette with color #ccccf5 #4:
Color palette with color #ccccf5 #5:
Color #ccccf5 used in palettes (4)
Color Contrast
Color pairings of #ccccf5 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#ccccf5
#ccccf5Contrast Ratio
1.55:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccccf5
#ccccf5Contrast Ratio
13.52:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccccf5 color png
Visit the popular colors list for more colors