Benannte Farbe · #AE8D6B
River Road
River Road ist #AE8D6B: rgb(174 141 107), hsl(30 29% 55%), oklch(0.666 0.062 67.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · River Road color name →
#AE8D6B
oklch(0.666 0.062 67.3)
Farbumrechnungen
- HEX
- #ae8d6b
- RGB
- rgb(174 141 107)
- HSL
- hsl(30 29% 55%)
- HWB
- hwb(30 42% 32%)
- OKLCH
- oklch(0.666 0.062 67.3)
- OKLab
- oklab(0.666 0.024 0.057)
- CIE Lab
- lab(61.14 9.37 23.14)
- LCH
- lch(61.14 24.96 67.9)
- CMYK
- cmyk(0% 19% 39% 32%)
Tints · Shades · Tones
Tints
- B69879
- BEA388
- C6AE96
- CEBAA5
- D6C5B3
- DED0C2
- E7DCD1
- EFE7E0
- F7F3F0
Shades
- 977A5C
- 80674E
- 6A553F
- 554432
- 413325
- 2E2318
- 1C140D
- 0B0704
- 010100
Tones
- A98C6D
- A58B70
- A08972
- 9C8874
- 978776
- 938578
- 8E847A
- 89837C
- 85817E
Farbharmonien
Komplementär +180°
- AE8D6B
River Road
- 7598B8
≈ Splendid Blue
Analog -30° +30°
- AE8D6B
River Road
- B68779
≈ Brandy Rose
- 9E9568
≈ Chapter
Triadisch +120° +240°
- AE8D6B
River Road
- 66A19A
≈ Aqua Rapids
- 9E8AB2
≈ Flirty Pink
Geteilt komplementär +150° +210°
- AE8D6B
River Road
- 679EAD
≈ Left Bank Blue
- 8A91BA
≈ PHP Purple
Tetradisch +90° +180° +270°
- AE8D6B
River Road
- 74A085
≈ Aquadulce
- 7598B8
≈ Splendid Blue
- AD86A2
≈ Lavender Herb
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.07:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.82:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.82:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--river-road: #ae8d6b;
--river-road-rgb: 174 141 107;
--river-road-oklch: oklch(0.666 0.062 67.3);
}
.element {
color: var(--river-road);
background-color: hsl(30 29% 55%);
border-color: oklch(0.666 0.062 67.3);
}Tailwind CSS v4
@theme {
--color-river-road: #ae8d6b;
--color-river-road-50: #fff2e3;
--color-river-road-100: #f6e5d2;
--color-river-road-200: #e6d0b8;
--color-river-road-300: #cdb296;
--color-river-road-400: #b89877;
--color-river-road-500: #a27e59;
--color-river-road-600: #896b4c;
--color-river-road-700: #6e563c;
--color-river-road-800: #513e2b;
--color-river-road-900: #392b1d;
--color-river-road-950: #23180d;
}SCSS
$river-road: #ae8d6b;
$river-road-rgb: 174, 141, 107;
$river-road-light: mix(#fff, $river-road, 20%);
$river-road-dark: mix(#000, $river-road, 20%);
.element {
color: $river-road;
box-shadow: 0 0 0 2px rgba($river-road, 0.35);
}