Benannte Farbe · #6A5536
Ancient Olive
Ancient Olive ist #6A5536: rgb(106 85 54), hsl(36 33% 31%), oklch(0.463 0.053 76.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Ancient Olive color name →
#6A5536
oklch(0.463 0.053 76.5)
Farbumrechnungen
- HEX
- #6a5536
- RGB
- rgb(106 85 54)
- HSL
- hsl(36 33% 31%)
- HWB
- hwb(36 21% 58%)
- OKLCH
- oklch(0.463 0.053 76.5)
- OKLab
- oklab(0.463 0.012 0.052)
- CIE Lab
- lab(37.74 5.69 21.49)
- LCH
- lch(37.74 22.23 75.2)
- CMYK
- cmyk(0% 20% 49% 58%)
Tints · Shades · Tones
Tints
- 786549
- 86755B
- 95856F
- A39582
- B2A696
- C1B8AA
- D0C9BF
- E0DBD4
- EFEDE9
Shades
- 5B492E
- 4D3D25
- 3F311E
- 312616
- 241C0F
- 181108
- 0D0803
- 040201
- 000000
Tones
- 6C593E
- 6F5E45
- 71624D
- 736654
- 756A5B
- 776F63
- 7A736A
- 7C7771
- 7E7C79
Farbharmonien
Komplementär +180°
- 6A5536
Ancient Olive
- 455A77
≈ Newburyport
Analog -30° +30°
- 6A5536
Ancient Olive
- 72503F
≈ Coffee Shop
- 5C5B37
≈ Base Camp
Triadisch +120° +240°
- 6A5536
Ancient Olive
- 316263
≈ Deep Marine
- 65506D
≈ Blackberry Farm
Geteilt komplementär +150° +210°
- 6A5536
Ancient Olive
- 365F70
≈ Deep Twilight Blue
- 565576
≈ Deep Orchid
Tetradisch +90° +180° +270°
- 6A5536
Ancient Olive
- 3A6352
≈ Tropical Foliage
- 455A77
≈ Newburyport
- 6F4D5F
≈ Prussian Plum
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.08:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.96:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.08:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--ancient-olive: #6a5536;
--ancient-olive-rgb: 106 85 54;
--ancient-olive-oklch: oklch(0.463 0.053 76.5);
}
.element {
color: var(--ancient-olive);
background-color: hsl(36 33% 31%);
border-color: oklch(0.463 0.053 76.5);
}Tailwind CSS v4
@theme {
--color-ancient-olive: #6a5536;
--color-ancient-olive-50: #fef4e5;
--color-ancient-olive-100: #f2e6d5;
--color-ancient-olive-200: #e1d2bb;
--color-ancient-olive-300: #c7b599;
--color-ancient-olive-400: #b19b7b;
--color-ancient-olive-500: #9b825e;
--color-ancient-olive-600: #836e50;
--color-ancient-olive-700: #695840;
--color-ancient-olive-800: #4d402e;
--color-ancient-olive-900: #362c1f;
--color-ancient-olive-950: #21190f;
}SCSS
$ancient-olive: #6a5536;
$ancient-olive-rgb: 106, 85, 54;
$ancient-olive-light: mix(#fff, $ancient-olive, 20%);
$ancient-olive-dark: mix(#000, $ancient-olive, 20%);
.element {
color: $ancient-olive;
box-shadow: 0 0 0 2px rgba($ancient-olive, 0.35);
}