Nazwany kolor · #E9EAC8
Green Essence
Green Essence to #E9EAC8: rgb(233 234 200), hsl(62 45% 85%), oklch(0.927 0.045 108.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Green Essence color name →
#E9EAC8
oklch(0.927 0.045 108.6)
Konwersje koloru
- HEX
- #e9eac8
- RGB
- rgb(233 234 200)
- HSL
- hsl(62 45% 85%)
- HWB
- hwb(62 78% 8%)
- OKLCH
- oklch(0.927 0.045 108.6)
- OKLab
- oklab(0.927 -0.014 0.042)
- CIE Lab
- lab(91.96 -4.54 16.48)
- LCH
- lch(91.96 17.09 105.4)
- CMYK
- cmyk(0% 0% 15% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBECCE
- EDEED3
- F0F0D9
- F2F2DE
- F4F5E4
- F6F7E9
- F8F9EF
- FBFBF4
- FDFDFA
Odcienie ciemniejsze
- CBCBAE
- ADAE94
- 90917B
- 747563
- 5A5A4C
- 414136
- 292921
- 13130F
- 030302
Tony
- DEDFC1
- D3D4B9
- C8C9B2
- BEBEAB
- B3B4A4
- A9A99C
- 9E9F95
- 94948E
- 8A8A87
Harmonie kolorów
Komplementarna +180°
- E9EAC8
Green Essence
- E5E4FF
≈ Lavender Mist
Analogowa -30° +30°
- E9EAC8
Green Essence
- F8E4C6
≈ Derby
- D9EFD2
≈ Blue Romance
Triada +120° +240°
- E9EAC8
Green Essence
- CAEEFF
≈ Heaven’s Gate
- FFDCEC
≈ Rose Glow
Komplementarna rozszczepiona +150° +210°
- E9EAC8
Green Essence
- D9E8FF
≈ Veiling Waterfalls
- F4DEFB
≈ Lavender Savour
Tetrada +90° +180° +270°
- E9EAC8
Green Essence
- C5F1F2
≈ Princess Blue Feather
- E5E4FF
≈ Lavender Mist
- FFDEDD
≈ Rose Tonic
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.23:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.06:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.06:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-essence: #e9eac8;
--green-essence-rgb: 233 234 200;
--green-essence-oklch: oklch(0.927 0.045 108.6);
}
.element {
color: var(--green-essence);
background-color: hsl(62 45% 85%);
border-color: oklch(0.927 0.045 108.6);
}Tailwind CSS v4
@theme {
--color-green-essence: #e9eac8;
--color-green-essence-50: #f5f7e8;
--color-green-essence-100: #e8ead9;
--color-green-essence-200: #d5d6c1;
--color-green-essence-300: #b8baa0;
--color-green-essence-400: #a0a183;
--color-green-essence-500: #888966;
--color-green-essence-600: #737457;
--color-green-essence-700: #5c5d45;
--color-green-essence-800: #444432;
--color-green-essence-900: #2f2f22;
--color-green-essence-950: #1c1b11;
}SCSS
$green-essence: #e9eac8;
$green-essence-rgb: 233, 234, 200;
$green-essence-light: mix(#fff, $green-essence, 20%);
$green-essence-dark: mix(#000, $green-essence, 20%);
.element {
color: $green-essence;
box-shadow: 0 0 0 2px rgba($green-essence, 0.35);
}