Nazwany kolor · #D2E8D8
Moonlight Green
Moonlight Green to #D2E8D8: rgb(210 232 216), hsl(136 32% 87%), oklch(0.91 0.032 154.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Moonlight Green color name →
#D2E8D8
oklch(0.91 0.032 154.1)
Konwersje koloru
- HEX
- #d2e8d8
- RGB
- rgb(210 232 216)
- HSL
- hsl(136 32% 87%)
- HWB
- hwb(136 82% 9%)
- OKLCH
- oklch(0.91 0.032 154.1)
- OKLab
- oklab(0.91 -0.029 0.014)
- CIE Lab
- lab(90.02 -9.76 5.21)
- LCH
- lch(90.02 11.06 151.9)
- CMYK
- cmyk(9% 0% 7% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6EADC
- DBEDE0
- DFEFE4
- E4F1E7
- E8F4EB
- EDF6EF
- F1F8F3
- F6FAF7
- FAFDFB
Odcienie ciemniejsze
- B6CABC
- 9BACA0
- 819085
- 68746B
- 505953
- 39403B
- 242925
- 101311
- 020302
Tony
- CADDCF
- C1D2C6
- B9C8BD
- B0BDB4
- A8B3AB
- A0A8A2
- 989E9A
- 909491
- 888A88
Harmonie kolorów
Komplementarna +180°
- D2E8D8
Moonlight Green
- EFDAEA
≈ Elfin Magic
Analogowa -30° +30°
- D2E8D8
Moonlight Green
- DDE5CF
≈ Willow Brook
- CBE9E4
≈ Frosty White Blue
Triada +120° +240°
- D2E8D8
Moonlight Green
- DAE0F7
≈ Aquarelle Purple
- F6DAD4
≈ Pink Sangria
Komplementarna rozszczepiona +150° +210°
- D2E8D8
Moonlight Green
- E6DDF3
≈ Lingering Lilac
- F5D9DF
≈ Fancy Pants
Tetrada +90° +180° +270°
- D2E8D8
Moonlight Green
- D0E4F5
≈ New Heights
- EFDAEA
≈ Elfin Magic
- F1DECC
≈ Corallite
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.29:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.27:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.27:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--moonlight-green: #d2e8d8;
--moonlight-green-rgb: 210 232 216;
--moonlight-green-oklch: oklch(0.91 0.032 154.1);
}
.element {
color: var(--moonlight-green);
background-color: hsl(136 32% 87%);
border-color: oklch(0.91 0.032 154.1);
}Tailwind CSS v4
@theme {
--color-moonlight-green: #d2e8d8;
--color-moonlight-green-50: #eef8f1;
--color-moonlight-green-100: #e0ebe3;
--color-moonlight-green-200: #cad9cf;
--color-moonlight-green-300: #abbdb1;
--color-moonlight-green-400: #91a496;
--color-moonlight-green-500: #768d7d;
--color-moonlight-green-600: #64776a;
--color-moonlight-green-700: #505f54;
--color-moonlight-green-800: #3a463d;
--color-moonlight-green-900: #28302a;
--color-moonlight-green-950: #161c18;
}SCSS
$moonlight-green: #d2e8d8;
$moonlight-green-rgb: 210, 232, 216;
$moonlight-green-light: mix(#fff, $moonlight-green, 20%);
$moonlight-green-dark: mix(#000, $moonlight-green, 20%);
.element {
color: $moonlight-green;
box-shadow: 0 0 0 2px rgba($moonlight-green, 0.35);
}