Benannte Farbe · #A7855A
Rich Oak
Rich Oak ist #A7855A: rgb(167 133 90), hsl(34 30% 50%), oklch(0.639 0.072 72.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Rich Oak color name →
#A7855A
oklch(0.639 0.072 72.5)
Farbumrechnungen
- HEX
- #a7855a
- RGB
- rgb(167 133 90)
- HSL
- hsl(34 30% 50%)
- HWB
- hwb(34 35% 35%)
- OKLCH
- oklch(0.639 0.072 72.5)
- OKLab
- oklab(0.639 0.022 0.069)
- CIE Lab
- lab(58.07 9.25 28.35)
- LCH
- lch(58.07 29.82 71.9)
- CMYK
- cmyk(0% 20% 46% 35%)
Tints · Shades · Tones
Tints
- B0916A
- B89D7A
- C1A98A
- CAB59B
- D3C1AB
- DCCDBB
- E4D9CC
- EDE6DD
- F6F2EE
Shades
- 91734D
- 7B6141
- 665035
- 524029
- 3E301E
- 2C2113
- 1A1309
- 0A0603
- 010100
Tones
- A3855E
- 9F8463
- 9B8467
- 98836B
- 94836E
- 908272
- 8C8276
- 888179
- 84817D
Farbharmonien
Komplementär +180°
- A7855A
Rich Oak
- 6C8FB7
≈ Hushed Lilac
Analog -30° +30°
- A7855A
Rich Oak
- B27E69
≈ Brick Fence
- 948E59
≈ Sabo Garden
Triadisch +120° +240°
- A7855A
Rich Oak
- 529A97
≈ Aquarius Reef Base
- 9B7FAC
≈ Elite Wisteria
Geteilt komplementär +150° +210°
- A7855A
Rich Oak
- 5796AC
≈ Deep Diving
- 8587B7
≈ Iolite
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.41:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.14:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.14:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--rich-oak: #a7855a;
--rich-oak-rgb: 167 133 90;
--rich-oak-oklch: oklch(0.639 0.072 72.5);
}
.element {
color: var(--rich-oak);
background-color: hsl(34 30% 50%);
border-color: oklch(0.639 0.072 72.5);
}Tailwind CSS v4
@theme {
--color-rich-oak: #a7855a;
--color-rich-oak-50: #fff3df;
--color-rich-oak-100: #f7e5ce;
--color-rich-oak-200: #e7d0b3;
--color-rich-oak-300: #ceb38f;
--color-rich-oak-400: #b9986f;
--color-rich-oak-500: #a47f4f;
--color-rich-oak-600: #8a6b43;
--color-rich-oak-700: #6f5635;
--color-rich-oak-800: #523e26;
--color-rich-oak-900: #392b19;
--color-rich-oak-950: #24180a;
}SCSS
$rich-oak: #a7855a;
$rich-oak-rgb: 167, 133, 90;
$rich-oak-light: mix(#fff, $rich-oak, 20%);
$rich-oak-dark: mix(#000, $rich-oak, 20%);
.element {
color: $rich-oak;
box-shadow: 0 0 0 2px rgba($rich-oak, 0.35);
}