Benannte Farbe · #A18D71
Arava
Arava ist #A18D71: rgb(161 141 113), hsl(35 20% 54%), oklch(0.654 0.046 76.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Arava color name →
#A18D71
oklch(0.654 0.046 76.1)
Farbumrechnungen
- HEX
- #a18d71
- RGB
- rgb(161 141 113)
- HSL
- hsl(35 20% 54%)
- HWB
- hwb(35 44% 37%)
- OKLCH
- oklch(0.654 0.046 76.1)
- OKLab
- oklab(0.654 0.011 0.045)
- CIE Lab
- lab(59.91 4.53 17.9)
- LCH
- lch(59.91 18.47 75.8)
- CMYK
- cmyk(0% 12% 30% 37%)
Tints · Shades · Tones
Tints
- AA987F
- B3A38C
- BDAE9A
- C6B9A8
- CFC5B6
- D9D0C4
- E2DCD3
- ECE7E1
- F5F3F0
Shades
- 8B7A61
- 766752
- 625543
- 4E4435
- 3C3327
- 2A231A
- 19140E
- 090704
- 010101
Tones
- 9E8C73
- 9A8A74
- 978976
- 948878
- 908779
- 8D857B
- 8A847C
- 87837D
- 83817F
Farbharmonien
Komplementär +180°
- A18D71
Arava
- 7E92AD
≈ Lilac Blue
Analog -30° +30°
- A18D71
Arava
- A98879
≈ Vagabond
- 949372
≈ Inness Sage
Triadisch +120° +240°
- A18D71
Arava
- 6F9A9A
≈ Palmetto
- 9C88A4
≈ Amethyst Paint
Geteilt komplementär +150° +210°
- A18D71
Arava
- 7297A6
≈ Smoky Blue
- 8D8DAC
≈ Non Skid Grey
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.19:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.56:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.56:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--arava: #a18d71;
--arava-rgb: 161 141 113;
--arava-oklch: oklch(0.654 0.046 76.1);
}
.element {
color: var(--arava);
background-color: hsl(35 20% 54%);
border-color: oklch(0.654 0.046 76.1);
}Tailwind CSS v4
@theme {
--color-arava: #a18d71;
--color-arava-50: #fdf4e7;
--color-arava-100: #f1e6d7;
--color-arava-200: #dfd2bf;
--color-arava-300: #c5b59d;
--color-arava-400: #af9b80;
--color-arava-500: #988264;
--color-arava-600: #816e55;
--color-arava-700: #675844;
--color-arava-800: #4c4031;
--color-arava-900: #352c21;
--color-arava-950: #201910;
}SCSS
$arava: #a18d71;
$arava-rgb: 161, 141, 113;
$arava-light: mix(#fff, $arava, 20%);
$arava-dark: mix(#000, $arava, 20%);
.element {
color: $arava;
box-shadow: 0 0 0 2px rgba($arava, 0.35);
}