Colore con nome più vicino · #008F1E
#008F1E
Colore con nome più vicino: Emerald
#008F1E (rgb(0 143 30), hsl(133 100% 28%), oklch(0.564 0.182 144.3)) è più vicino al colore con nome Emerald. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#008F1E
oklch(0.564 0.182 144.3)
Conversioni di colore
- HEX
- #008f1e
- RGB
- rgb(0 143 30)
- HSL
- hsl(133 100% 28%)
- HWB
- hwb(133 0% 44%)
- OKLCH
- oklch(0.564 0.182 144.3)
- OKLab
- oklab(0.564 -0.147 0.106)
- CIE Lab
- lab(51.58 -50.52 46.14)
- LCH
- lch(51.58 68.42 137.6)
- CMYK
- cmyk(100% 0% 79% 44%)
Tinte · Ombre · Toni
Tinte
- 349B3B
- 50A653
- 68B169
- 7FBD7E
- 94C894
- AAD3A9
- BFDEBE
- D4E9D3
- EAF4E9
Ombre
- 007C19
- 006913
- 00570E
- 004509
- 003405
- 002403
- 001501
- 000700
- 000100
Toni
- 258E2E
- 368D3B
- 438C45
- 4E8A4F
- 588958
- 618861
- 698669
- 718471
- 798278
Armonie di colore
Complementare +180°
- 008F1E
Emerald
- A747B0
≈ Fuchsia Pheromone
Analogo -30° +30°
- 008F1E
Emerald
- 757D00
≈ Flag Green
- 008A71
≈ Industrial Turquoise
Triadico +120° +240°
- 008F1E
Emerald
- 3D6DDF
≈ Royal Blue
- CB3A3C
≈ Chef’s Kiss
Complementare divisa +150° +210°
- 008F1E
Emerald
- 7F58D4
≈ Gloomy Purple
- C13A7C
≈ Razzle Dazzle
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.24:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.94:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.94:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--emerald: #008f1e;
--emerald-rgb: 0 143 30;
--emerald-oklch: oklch(0.564 0.182 144.3);
}
.element {
color: var(--emerald);
background-color: hsl(133 100% 28%);
border-color: oklch(0.564 0.182 144.3);
}Tailwind CSS v4
@theme {
--color-emerald: #008f1e;
--color-emerald-50: #d4ffd7;
--color-emerald-100: #c1f9c4;
--color-emerald-200: #a0e9a6;
--color-emerald-300: #74d07e;
--color-emerald-400: #4eb953;
--color-emerald-500: #00a323;
--color-emerald-600: #0d8921;
--color-emerald-700: #0c6e1a;
--color-emerald-800: #0f510b;
--color-emerald-900: #0a3807;
--color-emerald-950: #002300;
}SCSS
$emerald: #008f1e;
$emerald-rgb: 0, 143, 30;
$emerald-light: mix(#fff, $emerald, 20%);
$emerald-dark: mix(#000, $emerald, 20%);
.element {
color: $emerald;
box-shadow: 0 0 0 2px rgba($emerald, 0.35);
}