Nazwany kolor · #EDF0DE
Nursery Green
Nursery Green to #EDF0DE: rgb(237 240 222), hsl(70 37% 91%), oklch(0.948 0.024 114.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Nursery Green color name →
#EDF0DE
oklch(0.948 0.024 114.5)
Konwersje koloru
- HEX
- #edf0de
- RGB
- rgb(237 240 222)
- HSL
- hsl(70 37% 91%)
- HWB
- hwb(70 87% 6%)
- OKLCH
- oklch(0.948 0.024 114.5)
- OKLab
- oklab(0.948 -0.01 0.022)
- CIE Lab
- lab(94.2 -3.35 8.37)
- LCH
- lch(94.2 9.01 111.8)
- CMYK
- cmyk(1% 0% 7% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EFF2E1
- F1F3E5
- F2F5E8
- F4F6EB
- F6F8EE
- F8F9F2
- FAFBF5
- FBFCF8
- FDFEFC
Odcienie ciemniejsze
- CED1C1
- B0B2A5
- 939589
- 77786F
- 5C5D55
- 42433D
- 2A2A26
- 141412
- 030302
Tony
- E2E4D4
- D6D9CB
- CBCDC1
- C0C2B7
- B5B6AE
- AAABA5
- 9FA09B
- 959592
- 8A8B89
Harmonie kolorów
Komplementarna +180°
- EDF0DE
Nursery Green
- EEEBFD
≈ Placebo Purple
Analogowa -30° +30°
- EDF0DE
Nursery Green
- F5EDDC
≈ White Mountain
- E4F2E4
≈ Frosted Mint
Triada +120° +240°
- EDF0DE
Nursery Green
- DFF1FC
≈ Wizard White
- FCE8EF
≈ Rose Mochi
Komplementarna rozszczepiona +150° +210°
- EDF0DE
Nursery Green
- E6EEFF
≈ Brilliant White
- F6E9F7
≈ Perfume Haze
Tetrada +90° +180° +270°
- EDF0DE
Nursery Green
- DCF3F5
≈ Fishious Rend
- EEEBFD
≈ Placebo Purple
- FEE8E6
≈ Sheer Rosebud
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.15:1 · APCA Lc 7
Ag
AAANa czerni
WCAG 18.11:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.11:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--nursery-green: #edf0de;
--nursery-green-rgb: 237 240 222;
--nursery-green-oklch: oklch(0.948 0.024 114.5);
}
.element {
color: var(--nursery-green);
background-color: hsl(70 37% 91%);
border-color: oklch(0.948 0.024 114.5);
}Tailwind CSS v4
@theme {
--color-nursery-green: #edf0de;
--color-nursery-green-50: #f4f6ee;
--color-nursery-green-100: #e7e9e0;
--color-nursery-green-200: #d3d6ca;
--color-nursery-green-300: #b6b9ab;
--color-nursery-green-400: #9ea090;
--color-nursery-green-500: #858876;
--color-nursery-green-600: #717364;
--color-nursery-green-700: #5a5c50;
--color-nursery-green-800: #42433a;
--color-nursery-green-900: #2e2f28;
--color-nursery-green-950: #1b1b16;
}SCSS
$nursery-green: #edf0de;
$nursery-green-rgb: 237, 240, 222;
$nursery-green-light: mix(#fff, $nursery-green, 20%);
$nursery-green-dark: mix(#000, $nursery-green, 20%);
.element {
color: $nursery-green;
box-shadow: 0 0 0 2px rgba($nursery-green, 0.35);
}