Couleur nommée la plus proche · #008B5F
#008B5F
Couleur nommée la plus proche: Primal Green
#008B5F (rgb(0 139 95), hsl(161 100% 27%), oklch(0.563 0.123 162.3)) est la plus proche de la couleur nommée Primal Green. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#008B5F
oklch(0.563 0.123 162.3)
Conversions de couleur
- HEX
- #008b5f
- RGB
- rgb(0 139 95)
- HSL
- hsl(161 100% 27%)
- HWB
- hwb(161 0% 45%)
- OKLCH
- oklch(0.563 0.123 162.3)
- OKLab
- oklab(0.563 -0.117 0.037)
- CIE Lab
- lab(50.92 -41.77 14.22)
- LCH
- lch(50.92 44.13 161.2)
- CMYK
- cmyk(100% 0% 32% 45%)
Teintes · Ombres · Tons
Teintes
- 35976E
- 51A27D
- 69AE8D
- 7FB99C
- 95C5AC
- AAD0BC
- BFDCCD
- D4E8DD
- EAF3EE
Ombres
- 007852
- 006644
- 005438
- 00432C
- 003220
- 002315
- 00140A
- 000703
- 000100
Tons
- 258A62
- 368966
- 448869
- 4F876C
- 588670
- 618573
- 6A8476
- 71837A
- 79817D
Harmonies de couleurs
Complémentaire +180°
- 008B5F
Primal Green
- A55589
≈ Purple Zergling
Analogue -30° +30°
- 008B5F
Primal Green
- 598431
≈ Straken Green
- 008784
≈ Green Lapis
Triadique +120° +240°
- 008B5F
Primal Green
- 6B6ABB
≈ Bluish Purple Anemone
- B05A36
≈ Fiery Orange
Complémentaire divisée +150° +210°
- 008B5F
Primal Green
- 8E5EA9
≈ Lusty Lavender
- B15361
≈ Kissed by a Zombies
Tétradique +90° +180° +270°
- 008B5F
Primal Green
- 3978BB
≈ Windows Blue
- A55589
≈ Purple Zergling
- A06800
≈ Cumin Ochre
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.32:1 · APCA Lc 69
Ag
AASur noir
WCAG 4.85:1 · APCA Lc 32
Meilleure couleur de texte: #000000
WCAG 4.85:1 (AA) · APCA Lc 32
Contrast pairs
Extraits de code
CSS
:root {
--primal-green: #008b5f;
--primal-green-rgb: 0 139 95;
--primal-green-oklch: oklch(0.563 0.123 162.3);
}
.element {
color: var(--primal-green);
background-color: hsl(161 100% 27%);
border-color: oklch(0.563 0.123 162.3);
}Tailwind CSS v4
@theme {
--color-primal-green: #008b5f;
--color-primal-green-50: #d6ffec;
--color-primal-green-100: #c3f6dd;
--color-primal-green-200: #a3e5c7;
--color-primal-green-300: #78cca7;
--color-primal-green-400: #4fb588;
--color-primal-green-500: #019f6d;
--color-primal-green-600: #0e865d;
--color-primal-green-700: #0d6b4a;
--color-primal-green-800: #0b4f34;
--color-primal-green-900: #083723;
--color-primal-green-950: #002212;
}SCSS
$primal-green: #008b5f;
$primal-green-rgb: 0, 139, 95;
$primal-green-light: mix(#fff, $primal-green, 20%);
$primal-green-dark: mix(#000, $primal-green, 20%);
.element {
color: $primal-green;
box-shadow: 0 0 0 2px rgba($primal-green, 0.35);
}