Benannte Farbe · #A17858
Sidesaddle
Sidesaddle ist #A17858: rgb(161 120 88), hsl(26 29% 49%), oklch(0.605 0.069 59). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sidesaddle color name →
#A17858
oklch(0.605 0.069 59)
Farbumrechnungen
- HEX
- #a17858
- RGB
- rgb(161 120 88)
- HSL
- hsl(26 29% 49%)
- HWB
- hwb(26 35% 37%)
- OKLCH
- oklch(0.605 0.069 59)
- OKLab
- oklab(0.605 0.035 0.059)
- CIE Lab
- lab(54.01 13.48 24.14)
- LCH
- lch(54.01 27.65 60.8)
- CMYK
- cmyk(0% 25% 45% 37%)
Tints · Shades · Tones
Tints
- AA8568
- B49278
- BD9F88
- C7AC99
- D0BAA9
- D9C7BA
- E3D5CB
- ECE3DC
- F6F1ED
Shades
- 8B674B
- 76573F
- 624833
- 4E3928
- 3C2A1D
- 2A1D12
- 191009
- 090503
- 010100
Tones
- 9E795C
- 9B7A61
- 987B65
- 947C69
- 917C6D
- 8E7D71
- 8A7E75
- 877F79
- 847F7C
Farbharmonien
Komplementär +180°
- A17858
Sidesaddle
- 5A88A7
≈ Kuta Surf
Analog -30° +30°
- A17858
Sidesaddle
- A7726A
≈ Summer’s Eve
- 928051
≈ Syndicate Camouflage
Triadisch +120° +240°
- A17858
Sidesaddle
- 519083
≈ Spa Green
- 8779A6
≈ Aster
Geteilt komplementär +150° +210°
- A17858
Sidesaddle
- 4C8D98
≈ Adrift
- 7180AC
≈ Venture Violet
Tetradisch +90° +180° +270°
- A17858
Sidesaddle
- 658E6B
≈ Slate Green
- 5A88A7
≈ Kuta Surf
- 997396
≈ Rebel Rouser
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.93:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.34:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.34:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--sidesaddle: #a17858;
--sidesaddle-rgb: 161 120 88;
--sidesaddle-oklch: oklch(0.605 0.069 59);
}
.element {
color: var(--sidesaddle);
background-color: hsl(26 29% 49%);
border-color: oklch(0.605 0.069 59);
}Tailwind CSS v4
@theme {
--color-sidesaddle: #a17858;
--color-sidesaddle-50: #fff1e2;
--color-sidesaddle-100: #fae3d1;
--color-sidesaddle-200: #ebceb7;
--color-sidesaddle-300: #d2b094;
--color-sidesaddle-400: #be9576;
--color-sidesaddle-500: #a87b57;
--color-sidesaddle-600: #8e684b;
--color-sidesaddle-700: #72533b;
--color-sidesaddle-800: #553c2b;
--color-sidesaddle-900: #3b291d;
--color-sidesaddle-950: #25170d;
}SCSS
$sidesaddle: #a17858;
$sidesaddle-rgb: 161, 120, 88;
$sidesaddle-light: mix(#fff, $sidesaddle, 20%);
$sidesaddle-dark: mix(#000, $sidesaddle, 20%);
.element {
color: $sidesaddle;
box-shadow: 0 0 0 2px rgba($sidesaddle, 0.35);
}