Benannte Farbe · #5B5652
Equestrian Leather
Equestrian Leather ist #5B5652: rgb(91 86 82), hsl(27 5% 34%), oklch(0.457 0.009 61.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Equestrian Leather color name →
#5B5652
oklch(0.457 0.009 61.3)
Farbumrechnungen
- HEX
- #5b5652
- RGB
- rgb(91 86 82)
- HSL
- hsl(27 5% 34%)
- HWB
- hwb(27 32% 64%)
- OKLCH
- oklch(0.457 0.009 61.3)
- OKLab
- oklab(0.457 0.004 0.008)
- CIE Lab
- lab(36.95 1.5 3.1)
- LCH
- lch(36.95 3.45 64.1)
- CMYK
- cmyk(0% 5% 10% 64%)
Tints · Shades · Tones
Tints
- 6A6562
- 797572
- 898582
- 999693
- A9A6A4
- BAB8B6
- CBC9C8
- DCDBDA
- EDEDEC
Shades
- 4E4A46
- 413E3B
- 35322F
- 292725
- 1E1C1A
- 131211
- 090808
- 030202
- 000000
Tones
- 5F5A56
- 625E5B
- 66625F
- 6A6664
- 6D6B69
- 716F6D
- 757372
- 787777
- 7C7C7B
Farbharmonien
Komplementär +180°
- 5B5652
Equestrian Leather
- 53585C
≈ Bovine
Analog -30° +30°
- 5B5652
Equestrian Leather
- 5C5554
≈ Wolf’s Fur
- 595751
≈ Dominant Grey
Triadisch +120° +240°
- 5B5652
Equestrian Leather
- 525957
≈ Midnight in NY
- 58565B
≈ Charcoal Dust
Geteilt komplementär +150° +210°
- 5B5652
Equestrian Leather
- 52595A
≈ Bovine
- 55575C
≈ Edge of Black
Tetradisch +90° +180° +270°
- 5B5652
Equestrian Leather
- 545954
≈ North Woods
- 53585C
≈ Bovine
- 5A5559
≈ Virtuoso
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.24:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.89:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.24:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--equestrian-leather: #5b5652;
--equestrian-leather-rgb: 91 86 82;
--equestrian-leather-oklch: oklch(0.457 0.009 61.3);
}
.element {
color: var(--equestrian-leather);
background-color: hsl(27 5% 34%);
border-color: oklch(0.457 0.009 61.3);
}Tailwind CSS v4
@theme {
--color-equestrian-leather: #5b5652;
--color-equestrian-leather-50: #f7f5f2;
--color-equestrian-leather-100: #eae7e5;
--color-equestrian-leather-200: #d7d3d0;
--color-equestrian-leather-300: #bbb6b3;
--color-equestrian-leather-400: #a39d99;
--color-equestrian-leather-500: #8b8580;
--color-equestrian-leather-600: #75706c;
--color-equestrian-leather-700: #5e5a57;
--color-equestrian-leather-800: #45423f;
--color-equestrian-leather-900: #302d2c;
--color-equestrian-leather-950: #1c1a19;
}SCSS
$equestrian-leather: #5b5652;
$equestrian-leather-rgb: 91, 86, 82;
$equestrian-leather-light: mix(#fff, $equestrian-leather, 20%);
$equestrian-leather-dark: mix(#000, $equestrian-leather, 20%);
.element {
color: $equestrian-leather;
box-shadow: 0 0 0 2px rgba($equestrian-leather, 0.35);
}