Nearest named color · #DAEDFE
#DAEDFE
Nearest named color: Cloudless
#DAEDFE (rgb(218 237 254), hsl(208 95% 93%), oklch(0.937 0.031 245.1)) is closest to the named color Cloudless. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DAEDFE
oklch(0.937 0.031 245.1)
Color conversions
- HEX
- #daedfe
- RGB
- rgb(218 237 254)
- HSL
- hsl(208 95% 93%)
- HWB
- hwb(208 85% 0%)
- OKLCH
- oklch(0.937 0.031 245.1)
- OKLab
- oklab(0.937 -0.013 -0.028)
- CIE Lab
- lab(92.72 -3.99 -10.49)
- LCH
- lch(92.72 11.22 249.2)
- CMYK
- cmyk(14% 7% 0% 0%)
Tints · Shades · Tones
Tints
- DEEFFE
- E1F1FE
- E5F2FE
- E9F4FF
- EDF6FF
- F0F8FF
- F4FAFF
- F8FBFF
- FBFDFF
Shades
- BDCEDD
- A2B0BD
- 87939E
- 6C7780
- 545C63
- 3C4247
- 252A2D
- 111416
- 020303
Tones
- D1E2F1
- C7D6E4
- BECBD7
- B5C0CA
- ACB5BD
- A3AAB1
- 9A9FA4
- 919598
- 898A8C
Color harmonies
Complementary +180°
- DAEDFE
Cloudless
- F9E7D5
≈ Melon Tint
Analogous -30° +30°
- DAEDFE
Cloudless
- D4F0F7
≈ Water
- E4E9FF
≈ Glitter
Triadic +120° +240°
- DAEDFE
Cloudless
- FEE2E7
≈ Pink Pleasure
- E5EED8
≈ Translucent Vision
Split-complementary +150° +210°
- DAEDFE
Cloudless
- FEE4DD
≈ Misty Rose
- F0EBD4
≈ Allison Lace
Tetradic +90° +180° +270°
- DAEDFE
Cloudless
- F8E3F2
≈ Petal Poise
- F9E7D5
≈ Melon Tint
- DBF1E1
≈ Green Brocade
Contrast & accessibility
Ag
FailOn white
WCAG 1.19:1 · APCA Lc 10
Ag
AAAOn black
WCAG 17.52:1 · APCA Lc 94
Best text color: #000000
WCAG 17.52:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
CSS
:root {
--cloudless: #daedfe;
--cloudless-rgb: 218 237 254;
--cloudless-oklch: oklch(0.937 0.031 245.1);
}
.element {
color: var(--cloudless);
background-color: hsl(208 95% 93%);
border-color: oklch(0.937 0.031 245.1);
}Tailwind CSS v4
@theme {
--color-cloudless: #daedfe;
--color-cloudless-50: #eef6fe;
--color-cloudless-100: #e0e9f2;
--color-cloudless-200: #cad6e1;
--color-cloudless-300: #abb9c7;
--color-cloudless-400: #90a1b0;
--color-cloudless-500: #76899a;
--color-cloudless-600: #647482;
--color-cloudless-700: #505d68;
--color-cloudless-800: #39444c;
--color-cloudless-900: #272f35;
--color-cloudless-950: #151b20;
}SCSS
$cloudless: #daedfe;
$cloudless-rgb: 218, 237, 254;
$cloudless-light: mix(#fff, $cloudless, 20%);
$cloudless-dark: mix(#000, $cloudless, 20%);
.element {
color: $cloudless;
box-shadow: 0 0 0 2px rgba($cloudless, 0.35);
}