Color con nombre más cercano · #009367
#009367
Color con nombre más cercano: Viridian
#009367 (rgb(0 147 103), hsl(162 100% 29%), oklch(0.587 0.126 163.5)) se parece más al color con nombre Viridian. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#009367
oklch(0.587 0.126 163.5)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 379E75
- 53A984
- 6BB392
- 81BEA1
- 97C9B0
- ACD4C0
- C1DFCF
- D5E9DF
- EAF4EF
Sombras
- 007F59
- 006C4B
- 00593D
- 004730
- 003623
- 002517
- 00160C
- 000804
- 000100
Tonos
- 26916A
- 38906C
- 468E6F
- 518C71
- 5A8A74
- 638876
- 6B8679
- 72847B
- 79827E
Armonías de color
Complementario +180°
- 009367
Viridian
- AF5B8F
≈ Meadow Mauve
Análogo -30° +30°
- 009367
Viridian
- 5D8C38
≈ Indica
- 008F8D
≈ Corfu Shallows
Triádico +120° +240°
- 009367
Viridian
- 7370C4
≈ Purple Toolbox
- B96039
≈ Caramel Dream
Complementario dividido +150° +210°
- 009367
Viridian
- 9764B1
≈ Prickly Purple
- BB5966
≈ Candied Apple
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.91:1 · APCA Lc 66
Ag
AASobre negro
WCAG 5.36:1 · APCA Lc 36
Mejor color de texto: #000000
WCAG 5.36:1 (AA) · APCA Lc 36
Contrast pairs
Fragmentos de código
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);
}