Benoemde kleur · #D8F1EB
Green Frosting
Green Frosting is #D8F1EB: rgb(216 241 235), hsl(166 47% 90%), oklch(0.938 0.027 179.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Green Frosting color name →
#D8F1EB
oklch(0.938 0.027 179.7)
Kleurconversies
- HEX
- #d8f1eb
- RGB
- rgb(216 241 235)
- HSL
- hsl(166 47% 90%)
- HWB
- hwb(166 85% 5%)
- OKLCH
- oklch(0.938 0.027 179.7)
- OKLab
- oklab(0.938 -0.027 0)
- CIE Lab
- lab(93.18 -9.33 -0.03)
- LCH
- lch(93.18 9.33 180.2)
- CMYK
- cmyk(10% 0% 2% 5%)
Tinten · Schaduwen · Tonen
Tinten
- DCF2ED
- E0F4EF
- E4F5F1
- E8F7F3
- ECF8F5
- EFF9F7
- F3FBF9
- F7FCFB
- FBFEFD
Schaduwen
- BCD2CC
- A0B3AE
- 859591
- 6B7975
- 535D5B
- 3B4341
- 252B29
- 111413
- 020303
Tonen
- CFE5E0
- C6D9D5
- BDCECA
- B4C2BF
- ABB7B4
- A2ACA9
- 9AA19F
- 919694
- 888B8A
Kleurharmonieën
Complementair +180°
- D8F1EB
Green Frosting
- FBE3EA
≈ Pink Tutu
Analoog -30° +30°
- D8F1EB
Green Frosting
- DEF0E1
≈ Ice-Cold White
- D7F0F5
≈ Let It Snow
Triadisch +120° +240°
- D8F1EB
Green Frosting
- EDE7FB
≈ Bright Dusk
- F9E7D9
≈ Hint of Orange
Gesplitst complementair +150° +210°
- D8F1EB
Green Frosting
- F6E4F4
≈ Soft Lavender
- FDE4E0
≈ Misty Rose
Tetradisch +90° +180° +270°
- D8F1EB
Green Frosting
- E3EAFE
≈ Glitter
- FBE3EA
≈ Pink Tutu
- F2EAD6
≈ Saffron Tint
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.18:1 · APCA Lc 9
Ag
AAAOp zwart
WCAG 17.70:1 · APCA Lc 95
Beste tekstkleur: #000000
WCAG 17.70:1 (AAA) · APCA Lc 95
Contrast pairs
Codefragmenten
CSS
:root {
--green-frosting: #d8f1eb;
--green-frosting-rgb: 216 241 235;
--green-frosting-oklch: oklch(0.938 0.027 179.7);
}
.element {
color: var(--green-frosting);
background-color: hsl(166 47% 90%);
border-color: oklch(0.938 0.027 179.7);
}Tailwind CSS v4
@theme {
--color-green-frosting: #d8f1eb;
--color-green-frosting-50: #edf8f6;
--color-green-frosting-100: #dfebe8;
--color-green-frosting-200: #c8d8d5;
--color-green-frosting-300: #a9bcb8;
--color-green-frosting-400: #8ea49f;
--color-green-frosting-500: #738c87;
--color-green-frosting-600: #627772;
--color-green-frosting-700: #4e5f5b;
--color-green-frosting-800: #394642;
--color-green-frosting-900: #27302e;
--color-green-frosting-950: #151c1a;
}SCSS
$green-frosting: #d8f1eb;
$green-frosting-rgb: 216, 241, 235;
$green-frosting-light: mix(#fff, $green-frosting, 20%);
$green-frosting-dark: mix(#000, $green-frosting, 20%);
.element {
color: $green-frosting;
box-shadow: 0 0 0 2px rgba($green-frosting, 0.35);
}