Benannte Farbe · #848B71
Aloe Vera Tea
Aloe Vera Tea ist #848B71: rgb(132 139 113), hsl(76 10% 49%), oklch(0.624 0.039 119.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Aloe Vera Tea color name →
#848B71
oklch(0.624 0.039 119.8)
Farbumrechnungen
- HEX
- #848b71
- RGB
- rgb(132 139 113)
- HSL
- hsl(76 10% 49%)
- HWB
- hwb(76 44% 45%)
- OKLCH
- oklch(0.624 0.039 119.8)
- OKLab
- oklab(0.624 -0.019 0.034)
- CIE Lab
- lab(56.73 -6.26 13.06)
- LCH
- lch(56.73 14.48 115.6)
- CMYK
- cmyk(5% 0% 19% 45%)
Tints · Shades · Tones
Tints
- 90967E
- 9BA18C
- A7AD9A
- B3B8A8
- C0C3B6
- CCCFC4
- D9DBD3
- E5E7E1
- F2F3F0
Shades
- 727861
- 606652
- 4F5443
- 3F4335
- 2F3227
- 20231A
- 12140E
- 060704
- 010101
Tones
- 848A73
- 838974
- 838876
- 828777
- 828679
- 82847A
- 81837C
- 81827D
- 80817F
Farbharmonien
Komplementär +180°
- 848B71
Aloe Vera Tea
- 8A829C
≈ Live Jazz
Analog -30° +30°
- 848B71
Aloe Vera Tea
- 90876D
≈ Open Range
- 778E7B
≈ Cyanara
Triadisch +120° +240°
- 848B71
Aloe Vera Tea
- 738B9D
≈ China Clay
- 9C7E86
≈ Mulberry Wine
Geteilt komplementär +150° +210°
- 848B71
Aloe Vera Tea
- 7E879F
≈ Top Shelf
- 957F93
≈ Plum Swirl
Tetradisch +90° +180° +270°
- 848B71
Aloe Vera Tea
- 6C8E94
≈ Baritone
- 8A829C
≈ Live Jazz
- 9D7F7A
≈ Cafe Ole
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.55:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.91:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.91:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--aloe-vera-tea: #848b71;
--aloe-vera-tea-rgb: 132 139 113;
--aloe-vera-tea-oklch: oklch(0.624 0.039 119.8);
}
.element {
color: var(--aloe-vera-tea);
background-color: hsl(76 10% 49%);
border-color: oklch(0.624 0.039 119.8);
}Tailwind CSS v4
@theme {
--color-aloe-vera-tea: #848b71;
--color-aloe-vera-tea-50: #f3f7eb;
--color-aloe-vera-tea-100: #e5eadc;
--color-aloe-vera-tea-200: #d1d7c5;
--color-aloe-vera-tea-300: #b4bba5;
--color-aloe-vera-tea-400: #9ba289;
--color-aloe-vera-tea-500: #838a6e;
--color-aloe-vera-tea-600: #6f755d;
--color-aloe-vera-tea-700: #585e4a;
--color-aloe-vera-tea-800: #414435;
--color-aloe-vera-tea-900: #2d2f24;
--color-aloe-vera-tea-950: #1a1c13;
}SCSS
$aloe-vera-tea: #848b71;
$aloe-vera-tea-rgb: 132, 139, 113;
$aloe-vera-tea-light: mix(#fff, $aloe-vera-tea, 20%);
$aloe-vera-tea-dark: mix(#000, $aloe-vera-tea, 20%);
.element {
color: $aloe-vera-tea;
box-shadow: 0 0 0 2px rgba($aloe-vera-tea, 0.35);
}