Benannte Farbe · #80624E
Tilled Earth
Tilled Earth ist #80624E: rgb(128 98 78), hsl(24 24% 40%), oklch(0.521 0.049 55.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Tilled Earth color name →
#80624E
oklch(0.521 0.049 55.1)
Farbumrechnungen
- HEX
- #80624e
- RGB
- rgb(128 98 78)
- HSL
- hsl(24 24% 40%)
- HWB
- hwb(24 31% 50%)
- OKLCH
- oklch(0.521 0.049 55.1)
- OKLab
- oklab(0.521 0.028 0.04)
- CIE Lab
- lab(44.26 10.38 16.33)
- LCH
- lch(44.26 19.35 57.5)
- CMYK
- cmyk(0% 23% 39% 50%)
Tints · Shades · Tones
Tints
- 8C715E
- 997F6F
- A58F80
- B29E91
- BEAEA3
- CBBDB5
- D8CDC7
- E5DED9
- F2EEEC
Shades
- 6E5443
- 5D4738
- 4D3A2D
- 3D2D23
- 2E2119
- 1F160F
- 120B07
- 060302
- 010000
Tones
- 806553
- 806858
- 806B5D
- 816E62
- 817167
- 81746C
- 817771
- 807A76
- 807D7B
Farbharmonien
Komplementär +180°
- 80624E
Tilled Earth
- 4D6E82
≈ Oceanic
Analog -30° +30°
- 80624E
Tilled Earth
- 845E5B
≈ Book Binder
- 766748
≈ Old Willow Leaf
Triadisch +120° +240°
- 80624E
Tilled Earth
- 4A7368
≈ Christmas Ivy
- 6B6483
≈ Daemonette Hide
Geteilt komplementär +150° +210°
- 80624E
Tilled Earth
- 467277
≈ Vining Ivy
- 5B6986
≈ Spaceman
Tetradisch +90° +180° +270°
- 80624E
Tilled Earth
- 587158
≈ Cactus
- 4D6E82
≈ Oceanic
- 786079
≈ Montana Grape
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.56:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.77:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.56:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--tilled-earth: #80624e;
--tilled-earth-rgb: 128 98 78;
--tilled-earth-oklch: oklch(0.521 0.049 55.1);
}
.element {
color: var(--tilled-earth);
background-color: hsl(24 24% 40%);
border-color: oklch(0.521 0.049 55.1);
}Tailwind CSS v4
@theme {
--color-tilled-earth: #80624e;
--color-tilled-earth-50: #fff2e8;
--color-tilled-earth-100: #f5e4d8;
--color-tilled-earth-200: #e5cfc0;
--color-tilled-earth-300: #ccb29f;
--color-tilled-earth-400: #b69783;
--color-tilled-earth-500: #a07e67;
--color-tilled-earth-600: #886b57;
--color-tilled-earth-700: #6d5546;
--color-tilled-earth-800: #503e32;
--color-tilled-earth-900: #382b22;
--color-tilled-earth-950: #221811;
}SCSS
$tilled-earth: #80624e;
$tilled-earth-rgb: 128, 98, 78;
$tilled-earth-light: mix(#fff, $tilled-earth, 20%);
$tilled-earth-dark: mix(#000, $tilled-earth, 20%);
.element {
color: $tilled-earth;
box-shadow: 0 0 0 2px rgba($tilled-earth, 0.35);
}