Benoemde kleur · #D6E9CA
White Green
White Green is #D6E9CA: rgb(214 233 202), hsl(97 41% 85%), oklch(0.912 0.046 133.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · White Green color name →
#D6E9CA
oklch(0.912 0.046 133.2)
Kleurconversies
- HEX
- #d6e9ca
- RGB
- rgb(214 233 202)
- HSL
- hsl(97 41% 85%)
- HWB
- hwb(97 79% 9%)
- OKLCH
- oklch(0.912 0.046 133.2)
- OKLab
- oklab(0.912 -0.032 0.034)
- CIE Lab
- lab(90.3 -10.64 12.89)
- LCH
- lch(90.3 16.71 129.6)
- CMYK
- cmyk(8% 0% 13% 9%)
Tinten · Schaduwen · Tonen
Tinten
- DAEBCF
- DEEDD5
- E2F0DA
- E6F2DF
- EAF4E4
- EFF6EA
- F3F8EF
- F7FBF4
- FBFDFA
Schaduwen
- BACBAF
- 9EAD95
- 84907C
- 6A7464
- 525A4D
- 3B4137
- 252922
- 10130F
- 020302
Tonen
- CDDEC2
- C4D3BB
- BBC8B3
- B3BEAC
- AAB3A4
- A1A99D
- 999E96
- 91948E
- 888A87
Kleurharmonieën
Complementair +180°
- D6E9CA
White Green
- EDD9F8
≈ Lavender Savour
Analoog -30° +30°
- D6E9CA
White Green
- E7E4C1
≈ Spring Fever
- C7ECD9
≈ Seafoam Pearl
Triadisch +120° +240°
- D6E9CA
White Green
- CEE4FF
≈ Fresh Water
- FFD6D9
≈ We Peep
Gesplitst complementair +150° +210°
- D6E9CA
White Green
- DDDFFF
≈ Contrail
- F9D6EA
≈ Jacaranda
Tetradisch +90° +180° +270°
- D6E9CA
White Green
- C2E9F9
≈ Icy Landscape
- EDD9F8
≈ Lavender Savour
- FED9CA
≈ Camisole
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOp zwart
WCAG 16.36:1 · APCA Lc 90
Beste tekstkleur: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
Codefragmenten
CSS
:root {
--white-green: #d6e9ca;
--white-green-rgb: 214 233 202;
--white-green-oklch: oklch(0.912 0.046 133.2);
}
.element {
color: var(--white-green);
background-color: hsl(97 41% 85%);
border-color: oklch(0.912 0.046 133.2);
}Tailwind CSS v4
@theme {
--color-white-green: #d6e9ca;
--color-white-green-50: #f0f8eb;
--color-white-green-100: #e1ecdc;
--color-white-green-200: #ccd9c6;
--color-white-green-300: #adbda6;
--color-white-green-400: #94a589;
--color-white-green-500: #7a8d6e;
--color-white-green-600: #68775d;
--color-white-green-700: #53604a;
--color-white-green-800: #3d4635;
--color-white-green-900: #2a3024;
--color-white-green-950: #171d13;
}SCSS
$white-green: #d6e9ca;
$white-green-rgb: 214, 233, 202;
$white-green-light: mix(#fff, $white-green, 20%);
$white-green-dark: mix(#000, $white-green, 20%);
.element {
color: $white-green;
box-shadow: 0 0 0 2px rgba($white-green, 0.35);
}