#ccdef2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ccdef2 | RGB(204, 222, 242) |
Created at 10/26/2024 19:32
RGB values are RGB(204, 222, 242)
#ccdef2 color contains Red 80%, Green 87.06% and Blue 94.9%.
oklch(89.33% 0.0337 251)
#ccdef2 color contains Red 80%, Green 87.06% and Blue 94.9%.
oklch(89.33% 0.0337 251)
Color Names of #ccdef2 HEX code
≈ Tropical Blue
Classification of #ccdef2 color
#ccdef2 is Light and Cool Color Saturation 59%, lightness 87%.
Tint of Light Steel Blue
Alternative colors of #ccdef2
Opposite Color for #ccdef2 is #f2e0cc
#ccdef2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccdef2
cmyk
CMYK(16%, 8%, 0%, 5%)
Decimal
13426418
HEX
#ccdef2
HSL
hsl(212, 59%, 87%)
HSLA
hsla(212, 59%, 87%, 1)
RGB
RGB(204, 222, 242)
RGBA
RGBA(204, 222, 242, 1)
Palettes for #ccdef2 color:
Below are examples of color palettes with the #ccdef2 HEX color
darkest color is #141618 from shades and lightest color is #fafcfe from tints
Shades palette of #ccdef2:
#b8c8da
#a3b2c2
#8f9ba9
#7a8591
#666f79
#525961
#3d4349
#292c30
#141618
#000000
Tints palette of #ccdef2:
#d1e1f3
#d6e5f5
#dbe8f6
#e0ebf7
#e6eff9
#ebf2fa
#f0f5fb
#f5f8fc
#fafcfe
#ffffff
Complementary palette of #ccdef2:
#ccdef2
#f2e0cc
Triadic palette of #ccdef2:
#ccdef2
#f2ccde
#def2cc
Square palette of #ccdef2:
#ccdef2
#f2ccf1
#f2e0cc
#ccf2cd
Analogous palette of #ccdef2:
#ccf1f2
#ccdef2
#cdccf2
Split-Complementary palette of #ccdef2:
#ccdef2
#f2cdcc
#f1f2cc
Rectangle (tetradic) palette of #ccdef2:
#ccdef2
#e0ccf2
#f2e0cc
#def2cc
Suggested color palettes for #ccdef2 HEX:
Color palette with color #ccdef2 #1:
Color palette with color #ccdef2 #2:
Color palette with color #ccdef2 #3:
Color palette with color #ccdef2 #4:
Color palette with color #ccdef2 #5:
Color Contrast
Color pairings of #ccdef2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#ccdef2
#ccdef2Contrast Ratio
1.37:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccdef2
#ccdef2Contrast Ratio
15.29:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccdef2 color png
Visit the popular colors list for more colors