Created at 02/25/2023 22:56
#ccccec HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #ccccec | RGB(204, 204, 236) |
RGB values are RGB(204, 204, 236)
#ccccec color contain Red 80%, Green 80% and Blue 92.55%.
oklch(85.54% 0.0442 285.43)
#ccccec color contain Red 80%, Green 80% and Blue 92.55%.
oklch(85.54% 0.0442 285.43)
Classification of #ccccec color
#ccccec is Light and Cool Color Saturation 46%, lightness 86%.
Tint of lavender
Alternative colors of #ccccec
Opposite Color for #ccccec is #ececcb
#ccccec Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccccec
Decimal
13421804
HEX
#ccccec
HSL
hsl(240, 46%, 86%)
HSLA
hsla(240, 46%, 86%, 1)
RGB
RGB(204, 204, 236)
RGBA
RGBA(204, 204, 236, 1)
Palettes for #ccccec color:
Below examples of color palettes for #ccccec HEX color
darkest color is #141418 from shades and lightest color is #fafafd from tints
Shades palette of #ccccec:
#b8b8d4
#a3a3bd
#8f8fa5
#7a7a8e
#666676
#52525e
#3d3d47
#29292f
#141418
#000000
Tints palette of #ccccec:
#d1d1ee
#d6d6f0
#dbdbf2
#e0e0f4
#e6e6f6
#ebebf7
#f0f0f9
#f5f5fb
#fafafd
#ffffff
Complementary palette of #ccccec:
#cbcbec
#ececcb
Triadic palette of #ccccec:
#cbcbec
#eccbcb
#cbeccb
Square palette of #ccccec:
#cbcbec
#eccbdb
#cbecdb
#ececcb
Analogous palette of #ccccec:
#cbdbec
#cbcbec
Split-Complementary palette of #ccccec:
#cbcbec
#cbdbec
Rectangle (tetradic) palette of #ccccec:
#cbcbec
#eccbdb
#cbecdb
#ecdbcb
Suggested colors palettes for #ccccec HEX:
Colors palette with color #ccccec #1:
Colors palette with color #ccccec #2:
Colors palette with color #ccccec #3:
Colors palette with color #ccccec #4:
Colors palette with color #ccccec #5:
Color #ccccec used in palettes (4)
Color Contrast
Color pairings #ccccec with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ccccec
#ccccec Contrast Ratio
1.56:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccccec
#ccccec Contrast Ratio
13.41:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccccec color png
Visit the popular colors list for more colors