Nächste benannte Farbe · #00A584
#00A584
Nächste benannte Farbe: Herbal
#00A584 (rgb(0 165 132), hsl(168 100% 32%), oklch(0.643 0.125 171.8)) liegt am nächsten an der benannten Farbe Herbal. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#00A584
oklch(0.643 0.125 171.8)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 3BAE90
- 58B79B
- 70C0A7
- 86C9B4
- 9CD2C0
- B0DBCC
- C4E4D9
- D8EDE5
- EBF6F2
Shades
- 008F72
- 007960
- 00654F
- 00513F
- 003D2F
- 002B20
- 001A12
- 000A06
- 000101
Tones
- 2AA284
- 3D9E83
- 4A9A83
- 559782
- 5E9382
- 668F82
- 6E8C81
- 748881
- 7A8480
Farbharmonien
Komplementär +180°
- 00A584
Herbal
- C66B95
≈ Fuchsia Kiss
Analog -30° +30°
- 00A584
Herbal
- 5EA057
≈ Savage Garden
- 00A0A9
≈ Ducati
Triadisch +120° +240°
- 00A584
Herbal
- 8F7ED2
≈ Indigo Bloom
- C8753F
≈ Zest
Geteilt komplementär +150° +210°
- 00A584
Herbal
- B072BA
≈ Moonlight Melody
- CE6B6A
≈ Lippie
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.12:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.71:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.71:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
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);
}