Benannte Farbe · #A89373
Earthenware
Earthenware ist #A89373: rgb(168 147 115), hsl(36 23% 55%), oklch(0.674 0.051 78.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Earthenware color name →
#A89373
oklch(0.674 0.051 78.1)
Farbumrechnungen
- HEX
- #a89373
- RGB
- rgb(168 147 115)
- HSL
- hsl(36 23% 55%)
- HWB
- hwb(36 45% 34%)
- OKLCH
- oklch(0.674 0.051 78.1)
- OKLab
- oklab(0.674 0.011 0.05)
- CIE Lab
- lab(62.23 4.47 20.03)
- LCH
- lch(62.23 20.53 77.4)
- CMYK
- cmyk(0% 13% 32% 34%)
Tints · Shades · Tones
Tints
- B09D80
- B9A88E
- C2B29C
- CABDA9
- D3C8B7
- DCD3C5
- E4DED4
- EDE9E2
- F6F4F0
Shades
- 927F63
- 7C6C54
- 675945
- 524736
- 3F3628
- 2C251B
- 1A160F
- 0A0805
- 010101
Tones
- A49175
- A08F76
- 9C8D77
- 988C79
- 948A7A
- 90887B
- 8C867D
- 88847E
- 84827F
Farbharmonien
Komplementär +180°
- A89373
Earthenware
- 8398B6
≈ Denim Tradition
Analog -30° +30°
- A89373
Earthenware
- B28D7B
≈ Magnitude
- 999975
≈ Silk Road
Triadisch +120° +240°
- A89373
Earthenware
- 71A0A2
≈ Delaware Blue Hen
- A48DAB
≈ Aged to Perfection
Geteilt komplementär +150° +210°
- A89373
Earthenware
- 759DB0
≈ Meetinghouse Blue
- 9492B5
≈ Extinct
Tetradisch +90° +180° +270°
- A89373
Earthenware
- 78A190
≈ Mizuasagi Green
- 8398B6
≈ Denim Tradition
- AF8A9C
≈ Orchid Haze
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.96:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.08:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.08:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--earthenware: #a89373;
--earthenware-rgb: 168 147 115;
--earthenware-oklch: oklch(0.674 0.051 78.1);
}
.element {
color: var(--earthenware);
background-color: hsl(36 23% 55%);
border-color: oklch(0.674 0.051 78.1);
}Tailwind CSS v4
@theme {
--color-earthenware: #a89373;
--color-earthenware-50: #fdf4e5;
--color-earthenware-100: #f1e6d5;
--color-earthenware-200: #e0d2bc;
--color-earthenware-300: #c5b59a;
--color-earthenware-400: #af9b7d;
--color-earthenware-500: #99825f;
--color-earthenware-600: #816e51;
--color-earthenware-700: #685841;
--color-earthenware-800: #4d402e;
--color-earthenware-900: #352c1f;
--color-earthenware-950: #20190f;
}SCSS
$earthenware: #a89373;
$earthenware-rgb: 168, 147, 115;
$earthenware-light: mix(#fff, $earthenware, 20%);
$earthenware-dark: mix(#000, $earthenware, 20%);
.element {
color: $earthenware;
box-shadow: 0 0 0 2px rgba($earthenware, 0.35);
}