Colore con nome · #00754B
Gnarls Green
Gnarls Green è #00754B: rgb(0 117 75), hsl(158 100% 23%), oklch(0.496 0.113 159.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Gnarls Green color name →
#00754B
oklch(0.496 0.113 159.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 2F825C
- 4A906C
- 629D7E
- 79AB8F
- 8FB9A1
- A5C7B3
- BBD5C6
- D2E3D9
- E8F1EC
Ombre
- 006540
- 005535
- 00462B
- 003721
- 002917
- 001C0E
- 000F06
- 000502
- 000100
Toni
- 207650
- 317856
- 3E795B
- 497A60
- 547B66
- 5D7C6B
- 667D70
- 6F7E75
- 787F7B
Armonie di colore
Complementare +180°
- 00754B
Gnarls Green
- 8B4676
≈ Purple Peril
Analogo -30° +30°
- 00754B
Gnarls Green
- 4D6E20
≈ Bowser Shell
- 00716D
≈ Boating Green
Triadico +120° +240°
- 00754B
Gnarls Green
- 5659A0
≈ Purple Frenzy
- 96482D
≈ Fluorescent Fire
Complementare divisa +150° +210°
- 00754B
Gnarls Green
- 764E92
≈ Parfait d’Amour
- 964354
≈ Raspberry Pudding
Tetradico +90° +180° +270°
- 00754B
Gnarls Green
- 27659F
≈ Distant Blue
- 8B4676
≈ Purple Peril
- 885500
≈ Spear Shaft
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.75:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.64:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.75:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
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);
}