Couleur nommée la plus proche · #009367
#009367
Couleur nommée la plus proche: Viridian
#009367 (rgb(0 147 103), hsl(162 100% 29%), oklch(0.587 0.126 163.5)) est la plus proche de la couleur nommée Viridian. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#009367
oklch(0.587 0.126 163.5)
Conversions de couleur
- HEX
- #009367
- RGB
- rgb(0 147 103)
- HSL
- hsl(162 100% 29%)
- HWB
- hwb(162 0% 42%)
- OKLCH
- oklch(0.587 0.126 163.5)
- OKLab
- oklab(0.587 -0.121 0.036)
- CIE Lab
- lab(53.75 -43.1 13.59)
- LCH
- lch(53.75 45.19 162.5)
- CMYK
- cmyk(100% 0% 30% 42%)
Teintes · Ombres · Tons
Teintes
- 379E75
- 53A984
- 6BB392
- 81BEA1
- 97C9B0
- ACD4C0
- C1DFCF
- D5E9DF
- EAF4EF
Ombres
- 007F59
- 006C4B
- 00593D
- 004730
- 003623
- 002517
- 00160C
- 000804
- 000100
Tons
- 26916A
- 38906C
- 468E6F
- 518C71
- 5A8A74
- 638876
- 6B8679
- 72847B
- 79827E
Harmonies de couleurs
Complémentaire +180°
- 009367
Viridian
- AF5B8F
≈ Meadow Mauve
Analogue -30° +30°
- 009367
Viridian
- 5D8C38
≈ Indica
- 008F8D
≈ Corfu Shallows
Triadique +120° +240°
- 009367
Viridian
- 7370C4
≈ Purple Toolbox
- B96039
≈ Caramel Dream
Complémentaire divisée +150° +210°
- 009367
Viridian
- 9764B1
≈ Prickly Purple
- BB5966
≈ Candied Apple
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.91:1 · APCA Lc 66
Ag
AASur noir
WCAG 5.36:1 · APCA Lc 36
Meilleure couleur de texte: #000000
WCAG 5.36:1 (AA) · APCA Lc 36
Contrast pairs
Extraits de code
CSS
:root {
--viridian: #009367;
--viridian-rgb: 0 147 103;
--viridian-oklch: oklch(0.587 0.126 163.5);
}
.element {
color: var(--viridian);
background-color: hsl(162 100% 29%);
border-color: oklch(0.587 0.126 163.5);
}Tailwind CSS v4
@theme {
--color-viridian: #009367;
--color-viridian-50: #d4ffed;
--color-viridian-100: #c1f6de;
--color-viridian-200: #a0e6c7;
--color-viridian-300: #74cca8;
--color-viridian-400: #49b689;
--color-viridian-500: #009f6e;
--color-viridian-600: #00875e;
--color-viridian-700: #006c4b;
--color-viridian-800: #044f34;
--color-viridian-900: #043723;
--color-viridian-950: #002212;
}SCSS
$viridian: #009367;
$viridian-rgb: 0, 147, 103;
$viridian-light: mix(#fff, $viridian, 20%);
$viridian-dark: mix(#000, $viridian, 20%);
.element {
color: $viridian;
box-shadow: 0 0 0 2px rgba($viridian, 0.35);
}