Cor nomeada mais próxima · #00A584
#00A584
Cor nomeada mais próxima: Herbal
#00A584 (rgb(0 165 132), hsl(168 100% 32%), oklch(0.643 0.125 171.8)) é mais próxima da cor nomeada Herbal. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#00A584
oklch(0.643 0.125 171.8)
Conversões de cor
- HEX
- #00a584
- RGB
- rgb(0 165 132)
- HSL
- hsl(168 100% 32%)
- HWB
- hwb(168 0% 35%)
- OKLCH
- oklch(0.643 0.125 171.8)
- OKLab
- oklab(0.643 -0.124 0.018)
- CIE Lab
- lab(60.22 -43.9 6.45)
- LCH
- lch(60.22 44.37 171.6)
- CMYK
- cmyk(100% 0% 20% 35%)
Tons claros · Sombras · Tons
Tons claros
- 3BAE90
- 58B79B
- 70C0A7
- 86C9B4
- 9CD2C0
- B0DBCC
- C4E4D9
- D8EDE5
- EBF6F2
Sombras
- 008F72
- 007960
- 00654F
- 00513F
- 003D2F
- 002B20
- 001A12
- 000A06
- 000101
Tons
- 2AA284
- 3D9E83
- 4A9A83
- 559782
- 5E9382
- 668F82
- 6E8C81
- 748881
- 7A8480
Harmonias de cor
Complementar +180°
- 00A584
Herbal
- C66B95
≈ Fuchsia Kiss
Análoga -30° +30°
- 00A584
Herbal
- 5EA057
≈ Savage Garden
- 00A0A9
≈ Ducati
Tríade +120° +240°
- 00A584
Herbal
- 8F7ED2
≈ Indigo Bloom
- C8753F
≈ Zest
Complementar dividida +150° +210°
- 00A584
Herbal
- B072BA
≈ Moonlight Melody
- CE6B6A
≈ Lippie
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.12:1 · APCA Lc 58
Ag
AASobre preto
WCAG 6.71:1 · APCA Lc 44
Melhor cor de texto: #000000
WCAG 6.71:1 (AA) · APCA Lc 44
Contrast pairs
Trechos de código
CSS
:root {
--herbal: #00a584;
--herbal-rgb: 0 165 132;
--herbal-oklch: oklch(0.643 0.125 171.8);
}
.element {
color: var(--herbal);
background-color: hsl(168 100% 32%);
border-color: oklch(0.643 0.125 171.8);
}Tailwind CSS v4
@theme {
--color-herbal: #00a584;
--color-herbal-50: #d1fff2;
--color-herbal-100: #bdf6e4;
--color-herbal-200: #9be6d0;
--color-herbal-300: #6cccb2;
--color-herbal-400: #39b696;
--color-herbal-500: #00a07c;
--color-herbal-600: #008769;
--color-herbal-700: #006c54;
--color-herbal-800: #00503b;
--color-herbal-900: #003829;
--color-herbal-950: #002217;
}SCSS
$herbal: #00a584;
$herbal-rgb: 0, 165, 132;
$herbal-light: mix(#fff, $herbal, 20%);
$herbal-dark: mix(#000, $herbal, 20%);
.element {
color: $herbal;
box-shadow: 0 0 0 2px rgba($herbal, 0.35);
}