Couleur nommée la plus proche · #008F1E
#008F1E
Couleur nommée la plus proche: Emerald
#008F1E (rgb(0 143 30), hsl(133 100% 28%), oklch(0.564 0.182 144.3)) est la plus proche de la couleur nommée Emerald. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#008F1E
oklch(0.564 0.182 144.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 349B3B
- 50A653
- 68B169
- 7FBD7E
- 94C894
- AAD3A9
- BFDEBE
- D4E9D3
- EAF4E9
Ombres
- 007C19
- 006913
- 00570E
- 004509
- 003405
- 002403
- 001501
- 000700
- 000100
Tons
- 258E2E
- 368D3B
- 438C45
- 4E8A4F
- 588958
- 618861
- 698669
- 718471
- 798278
Harmonies de couleurs
Complémentaire +180°
- 008F1E
Emerald
- A747B0
≈ Fuchsia Pheromone
Analogue -30° +30°
- 008F1E
Emerald
- 757D00
≈ Flag Green
- 008A71
≈ Industrial Turquoise
Triadique +120° +240°
- 008F1E
Emerald
- 3D6DDF
≈ Royal Blue
- CB3A3C
≈ Chef’s Kiss
Complémentaire divisée +150° +210°
- 008F1E
Emerald
- 7F58D4
≈ Gloomy Purple
- C13A7C
≈ Razzle Dazzle
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.24:1 · APCA Lc 69
Ag
AASur noir
WCAG 4.94:1 · APCA Lc 33
Meilleure couleur de texte: #000000
WCAG 4.94:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
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);
}