Dichtstbijzijnde benoemde kleur · #D9EDFF
#D9EDFF
Dichtstbijzijnde benoemde kleur: Cloudless
#D9EDFF (rgb(217 237 255), hsl(208 100% 93%), oklch(0.937 0.032 245.3)) komt het dichtst bij de benoemde kleur Cloudless. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#D9EDFF
oklch(0.937 0.032 245.3)
Kleurconversies
- HEX
- #d9edff
- RGB
- rgb(217 237 255)
- HSL
- hsl(208 100% 93%)
- HWB
- hwb(208 85% 0%)
- OKLCH
- oklch(0.937 0.032 245.3)
- OKLab
- oklab(0.937 -0.014 -0.029)
- CIE Lab
- lab(92.67 -4.16 -11.08)
- LCH
- lch(92.67 11.84 249.4)
- CMYK
- cmyk(15% 7% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- DDEFFF
- E1F1FF
- E4F2FF
- E8F4FF
- ECF6FF
- F0F8FF
- F4FAFF
- F7FBFF
- FBFDFF
Schaduwen
- BCCEDE
- A1B0BE
- 86939E
- 6C7780
- 535C63
- 3B4248
- 252A2E
- 111416
- 020303
Tonen
- D0E2F2
- C7D6E4
- BECBD7
- B4C0CA
- ACB5BE
- A3AAB1
- 9A9FA4
- 919598
- 898A8C
Kleurharmonieën
Complementair +180°
- D9EDFF
Cloudless
- FAE6D4
≈ Warm Bread
Analoog -30° +30°
- D9EDFF
Cloudless
- D3F0F8
≈ Water
- E4E9FF
≈ Glitter
Triadisch +120° +240°
- D9EDFF
Cloudless
- FFE2E7
≈ Pink Pleasure
- E5EED7
≈ Translucent Vision
Gesplitst complementair +150° +210°
- D9EDFF
Cloudless
- FFE3DC
≈ Lady Anne
- F1EAD2
≈ Golden Fog
Tetradisch +90° +180° +270°
- D9EDFF
Cloudless
- F9E2F3
≈ Pale Blossom
- FAE6D4
≈ Warm Bread
- DAF1E1
≈ Green Brocade
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.19:1 · APCA Lc 10
Ag
AAAOp zwart
WCAG 17.50:1 · APCA Lc 94
Beste tekstkleur: #000000
WCAG 17.50:1 (AAA) · APCA Lc 94
Contrast pairs
Codefragmenten
CSS
:root {
--cloudless: #d9edff;
--cloudless-rgb: 217 237 255;
--cloudless-oklch: oklch(0.937 0.032 245.3);
}
.element {
color: var(--cloudless);
background-color: hsl(208 100% 93%);
border-color: oklch(0.937 0.032 245.3);
}Tailwind CSS v4
@theme {
--color-cloudless: #d9edff;
--color-cloudless-50: #eef6fe;
--color-cloudless-100: #e0e9f2;
--color-cloudless-200: #cad6e2;
--color-cloudless-300: #abb9c8;
--color-cloudless-400: #8fa1b1;
--color-cloudless-500: #75899b;
--color-cloudless-600: #637483;
--color-cloudless-700: #4f5d69;
--color-cloudless-800: #39444d;
--color-cloudless-900: #272f35;
--color-cloudless-950: #151b21;
}SCSS
$cloudless: #d9edff;
$cloudless-rgb: 217, 237, 255;
$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);
}