Nächste benannte Farbe · #23AE88
#23AE88
Nächste benannte Farbe: Herbal
#23AE88 (rgb(35 174 136), hsl(164 67% 41%), oklch(0.671 0.127 169)) liegt am nächsten an der benannten Farbe Herbal. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#23AE88
oklch(0.671 0.127 169)
Farbumrechnungen
- HEX
- #23ae88
- RGB
- rgb(35 174 136)
- HSL
- hsl(164 67% 41%)
- HWB
- hwb(164 14% 32%)
- OKLCH
- oklch(0.671 0.127 169)
- OKLab
- oklab(0.671 -0.124 0.024)
- CIE Lab
- lab(63.52 -44.05 8.93)
- LCH
- lch(63.52 44.94 168.5)
- CMYK
- cmyk(80% 0% 22% 32%)
Tints · Shades · Tones
Tints
- 48B693
- 62BF9F
- 78C7AA
- 8DCFB6
- A1D7C2
- B4DFCE
- C7E7DA
- DAEFE6
- ECF7F3
Shades
- 1D9775
- 178063
- 116A52
- 0C5541
- 074131
- 042E22
- 011C13
- 000B06
- 000101
Tones
- 38AA87
- 47A586
- 52A186
- 5B9C85
- 639884
- 6A9383
- 718E83
- 768A82
- 7B8581
Farbharmonien
Komplementär +180°
- 23AE88
Herbal
- CE73A2
≈ Heartbreaker
Analog -30° +30°
- 23AE88
Herbal
- 6BA85A
≈ Techno Green
- 00AAB0
≈ Fiji
Triadisch +120° +240°
- 23AE88
Herbal
- 9487DE
≈ Perrywinkle
- D37C4A
≈ Pumpkin Bread
Geteilt komplementär +150° +210°
- 23AE88
Herbal
- B77BC7
≈ Wisteria
- D87376
≈ Lantana
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.48:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--herbal: #23ae88;
--herbal-rgb: 35 174 136;
--herbal-oklch: oklch(0.671 0.127 169);
}
.element {
color: var(--herbal);
background-color: hsl(164 67% 41%);
border-color: oklch(0.671 0.127 169);
}Tailwind CSS v4
@theme {
--color-herbal: #23ae88;
--color-herbal-50: #d2fff0;
--color-herbal-100: #bef6e2;
--color-herbal-200: #9ce6cd;
--color-herbal-300: #6ecdaf;
--color-herbal-400: #3db691;
--color-herbal-500: #00a077;
--color-herbal-600: #008765;
--color-herbal-700: #006c51;
--color-herbal-800: #005039;
--color-herbal-900: #003827;
--color-herbal-950: #002215;
}SCSS
$herbal: #23ae88;
$herbal-rgb: 35, 174, 136;
$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);
}