Nazwany kolor · #00754B
Gnarls Green
Gnarls Green to #00754B: rgb(0 117 75), hsl(158 100% 23%), oklch(0.496 0.113 159.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Gnarls Green color name →
#00754B
oklch(0.496 0.113 159.8)
Konwersje koloru
- HEX
- #00754b
- RGB
- rgb(0 117 75)
- HSL
- hsl(158 100% 23%)
- HWB
- hwb(158 0% 54%)
- OKLCH
- oklch(0.496 0.113 159.8)
- OKLab
- oklab(0.496 -0.106 0.039)
- CIE Lab
- lab(43.03 -37.67 14.95)
- LCH
- lch(43.03 40.53 158.4)
- CMYK
- cmyk(100% 0% 36% 54%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2F825C
- 4A906C
- 629D7E
- 79AB8F
- 8FB9A1
- A5C7B3
- BBD5C6
- D2E3D9
- E8F1EC
Odcienie ciemniejsze
- 006540
- 005535
- 00462B
- 003721
- 002917
- 001C0E
- 000F06
- 000502
- 000100
Tony
- 207650
- 317856
- 3E795B
- 497A60
- 547B66
- 5D7C6B
- 667D70
- 6F7E75
- 787F7B
Harmonie kolorów
Komplementarna +180°
- 00754B
Gnarls Green
- 8B4676
≈ Purple Peril
Analogowa -30° +30°
- 00754B
Gnarls Green
- 4D6E20
≈ Bowser Shell
- 00716D
≈ Boating Green
Triada +120° +240°
- 00754B
Gnarls Green
- 5659A0
≈ Purple Frenzy
- 96482D
≈ Fluorescent Fire
Komplementarna rozszczepiona +150° +210°
- 00754B
Gnarls Green
- 764E92
≈ Parfait d’Amour
- 964354
≈ Raspberry Pudding
Tetrada +90° +180° +270°
- 00754B
Gnarls Green
- 27659F
≈ Distant Blue
- 8B4676
≈ Purple Peril
- 885500
≈ Spear Shaft
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.75:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.64:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.75:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--gnarls-green: #00754b;
--gnarls-green-rgb: 0 117 75;
--gnarls-green-oklch: oklch(0.496 0.113 159.8);
}
.element {
color: var(--gnarls-green);
background-color: hsl(158 100% 23%);
border-color: oklch(0.496 0.113 159.8);
}Tailwind CSS v4
@theme {
--color-gnarls-green: #00754b;
--color-gnarls-green-50: #daffeb;
--color-gnarls-green-100: #c7f4dc;
--color-gnarls-green-200: #a9e4c5;
--color-gnarls-green-300: #81caa6;
--color-gnarls-green-400: #5cb387;
--color-gnarls-green-500: #2e9c6c;
--color-gnarls-green-600: #2a845b;
--color-gnarls-green-700: #216a49;
--color-gnarls-green-800: #184e33;
--color-gnarls-green-900: #103623;
--color-gnarls-green-950: #022112;
}SCSS
$gnarls-green: #00754b;
$gnarls-green-rgb: 0, 117, 75;
$gnarls-green-light: mix(#fff, $gnarls-green, 20%);
$gnarls-green-dark: mix(#000, $gnarls-green, 20%);
.element {
color: $gnarls-green;
box-shadow: 0 0 0 2px rgba($gnarls-green, 0.35);
}