Couleur nommée la plus proche · #008560
#008560
Couleur nommée la plus proche: Primal Green
#008560 (rgb(0 133 96), hsl(163 100% 26%), oklch(0.547 0.114 165.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.
#008560
oklch(0.547 0.114 165.3)
Conversions de couleur
- HEX
- #008560
- RGB
- rgb(0 133 96)
- HSL
- hsl(163 100% 26%)
- HWB
- hwb(163 0% 48%)
- OKLCH
- oklch(0.547 0.114 165.3)
- OKLab
- oklab(0.547 -0.111 0.029)
- CIE Lab
- lab(48.91 -39.48 10.91)
- LCH
- lch(48.91 40.96 164.6)
- CMYK
- cmyk(100% 0% 28% 48%)
Teintes · Ombres · Tons
Teintes
- 33916F
- 4F9D7E
- 67A98D
- 7DB59D
- 93C1AC
- A9CEBC
- BEDACD
- D4E6DD
- E9F3EE
Ombres
- 007352
- 006145
- 005038
- 00402C
- 003020
- 002115
- 00130A
- 000603
- 000100
Tons
- 248563
- 358566
- 42846A
- 4D846D
- 578370
- 608373
- 698276
- 71827A
- 79817D
Harmonies de couleurs
Complémentaire +180°
- 008560
Primal Green
- 9F537F
≈ Feminism
Analogue -30° +30°
- 008560
Primal Green
- 527F37
≈ Hot Pepper Green
- 008182
≈ Teal
Triadique +120° +240°
- 008560
Primal Green
- 6B65B0
≈ Bluish Purple Anemone
- A65833
≈ Tense Terracotta
Complémentaire divisée +150° +210°
- 008560
Primal Green
- 8A5A9E
≈ Sonic Plum
- A9525A
≈ Grenadine
Tétradique +90° +180° +270°
- 008560
Primal Green
- 3F72B2
≈ Athens
- 9F537F
≈ Feminism
- 976502
≈ Gamboge Brown
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.64:1 · APCA Lc 72
Ag
AASur noir
WCAG 4.52:1 · APCA Lc 30
Meilleure couleur de texte: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--primal-green: #008560;
--primal-green-rgb: 0 133 96;
--primal-green-oklch: oklch(0.547 0.114 165.3);
}
.element {
color: var(--primal-green);
background-color: hsl(163 100% 26%);
border-color: oklch(0.547 0.114 165.3);
}Tailwind CSS v4
@theme {
--color-primal-green: #008560;
--color-primal-green-50: #d7ffee;
--color-primal-green-100: #c4f5e0;
--color-primal-green-200: #a5e5ca;
--color-primal-green-300: #7acaab;
--color-primal-green-400: #52b48e;
--color-primal-green-500: #149d73;
--color-primal-green-600: #178562;
--color-primal-green-700: #146b4e;
--color-primal-green-800: #0f4e37;
--color-primal-green-900: #0a3726;
--color-primal-green-950: #002114;
}SCSS
$primal-green: #008560;
$primal-green-rgb: 0, 133, 96;
$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);
}