#caddf0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #caddf0 | RGB(202, 221, 240) |
Created at 10/10/2026 01:38
Classification of #caddf0 color
#caddf0 is Light and Cool Color Saturation 56%, lightness 87%.
Tint of Light Steel Blue
RGB values are RGB(202, 221, 240)
#caddf0 color contains Red 79.22%, Green 86.67% and Blue 94.12%.
oklch(88.92% 0.0332 248.2)
#caddf0 color contains Red 79.22%, Green 86.67% and Blue 94.12%.
oklch(88.92% 0.0332 248.2)
Color Names of #caddf0 HEX code
≈ Tropical Blue
Alternative colors of #caddf0
Opposite Color for #caddf0 is #f0ddca
#caddf0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #caddf0
cmyk
CMYK(16%, 8%, 0%, 6%)
Decimal
13295088
HEX
#caddf0
HSL
hsl(210, 56%, 87%)
HSLA
hsla(210, 56%, 87%, 1)
RGB
RGB(202, 221, 240)
RGBA
RGBA(202, 221, 240, 1)
Palettes for #caddf0 color:
Below are examples of color palettes with the #caddf0 HEX color
darkest color is #141618 from shades and lightest color is #fafcfe from tints
Shades palette of #caddf0:
#b6c7d8
#a2b1c0
#8d9ba8
#798590
#656f78
#515860
#3d4248
#282c30
#141618
#000000
Tints palette of #caddf0:
#cfe0f2
#d5e4f3
#dae7f5
#dfebf6
#e5eef8
#eaf1f9
#eff5fb
#f4f8fc
#fafcfe
#ffffff
Complementary palette of #caddf0:
#caddf0
#f0ddca
Triadic palette of #caddf0:
#caddf0
#f0cadd
#ddf0ca
Square palette of #caddf0:
#caddf0
#f0caf0
#f0ddca
#caf0ca
Analogous palette of #caddf0:
#caf0f0
#caddf0
#cacaf0
Split-Complementary palette of #caddf0:
#caddf0
#f0caca
#f0f0ca
Rectangle (tetradic) palette of #caddf0:
#caddf0
#ddcaf0
#f0ddca
#ddf0ca
Suggested color palettes for #caddf0 HEX:
Color palette with color #caddf0 #1:
Color palette with color #caddf0 #2:
Color palette with color #caddf0 #3:
Color palette with color #caddf0 #4:
Color palette with color #caddf0 #5:
Color Contrast
Color pairings of #caddf0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#caddf0
#caddf0 Contrast Ratio
1.38:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#caddf0
#caddf0 Contrast Ratio
15.11:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #caddf0 color png
Visit the popular colors list for more colors