Nazwany kolor · #9EB788
Green Snow
Green Snow to #9EB788: rgb(158 183 136), hsl(92 25% 63%), oklch(0.748 0.071 130.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Green Snow color name →
#9EB788
oklch(0.748 0.071 130.7)
Konwersje koloru
- HEX
- #9eb788
- RGB
- rgb(158 183 136)
- HSL
- hsl(92 25% 63%)
- HWB
- hwb(92 53% 28%)
- OKLCH
- oklch(0.748 0.071 130.7)
- OKLab
- oklab(0.748 -0.046 0.054)
- CIE Lab
- lab(71.59 -15.28 21.02)
- LCH
- lch(71.59 25.99 126)
- CMYK
- cmyk(14% 0% 26% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A7BE94
- B1C59F
- BACCAB
- C4D4B7
- CEDBC3
- D7E2CF
- E1E9DB
- EBF0E7
- F5F8F3
Odcienie ciemniejsze
- 899F75
- 748763
- 607052
- 4D5A41
- 3A4531
- 293122
- 181E13
- 090C06
- 010201
Tony
- 9BB187
- 98AC87
- 95A686
- 92A185
- 8F9B85
- 8C9684
- 899083
- 868B82
- 838581
Harmonie kolorów
Komplementarna +180°
- 9EB788
Green Snow
- BCA1CF
≈ Lucius Lilac
Analogowa -30° +30°
- 9EB788
Green Snow
- B7AF7B
≈ Leek Powder
- 85BC9F
≈ Grand Gusto
Triada +120° +240°
- 9EB788
Green Snow
- 8CB1D9
≈ Boo Blue
- D69BA2
≈ Parrot Pink
Komplementarna rozszczepiona +150° +210°
- 9EB788
Green Snow
- A5A9DA
≈ Childish Wonder
- CD9CBB
≈ Peach Buff
Tetrada +90° +180° +270°
- 9EB788
Green Snow
- 79B8CD
≈ Blue Chrysocolla
- BCA1CF
≈ Lucius Lilac
- D59F8B
≈ Indian Mesa
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.19:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.58:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-snow: #9eb788;
--green-snow-rgb: 158 183 136;
--green-snow-oklch: oklch(0.748 0.071 130.7);
}
.element {
color: var(--green-snow);
background-color: hsl(92 25% 63%);
border-color: oklch(0.748 0.071 130.7);
}Tailwind CSS v4
@theme {
--color-green-snow: #9eb788;
--color-green-snow-50: #edfae5;
--color-green-snow-100: #dfedd5;
--color-green-snow-200: #c9dbbc;
--color-green-snow-300: #aac09b;
--color-green-snow-400: #90a77b;
--color-green-snow-500: #76905e;
--color-green-snow-600: #647a50;
--color-green-snow-700: #506240;
--color-green-snow-800: #3b472d;
--color-green-snow-900: #28311e;
--color-green-snow-950: #161d0e;
}SCSS
$green-snow: #9eb788;
$green-snow-rgb: 158, 183, 136;
$green-snow-light: mix(#fff, $green-snow, 20%);
$green-snow-dark: mix(#000, $green-snow, 20%);
.element {
color: $green-snow;
box-shadow: 0 0 0 2px rgba($green-snow, 0.35);
}