Benannte Farbe · #57443D
Cordovan Leather
Cordovan Leather ist #57443D: rgb(87 68 61), hsl(16 18% 29%), oklch(0.405 0.029 41.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cordovan Leather color name →
#57443D
oklch(0.405 0.029 41.2)
Farbumrechnungen
- HEX
- #57443d
- RGB
- rgb(87 68 61)
- HSL
- hsl(16 18% 29%)
- HWB
- hwb(16 24% 66%)
- OKLCH
- oklch(0.405 0.029 41.2)
- OKLab
- oklab(0.405 0.022 0.019)
- CIE Lab
- lab(30.75 7.55 7.52)
- LCH
- lch(30.75 10.66 44.9)
- CMYK
- cmyk(0% 22% 30% 66%)
Tints · Shades · Tones
Tints
- 66554E
- 766660
- 867872
- 978A85
- A89C98
- B9AFAC
- CAC3C0
- DBD7D5
- EDEBEA
Shades
- 4B3A34
- 3E302B
- 332622
- 271D1A
- 1C1412
- 120C0A
- 080504
- 030201
- 000000
Tones
- 5B4A43
- 5F504A
- 635550
- 675B57
- 6C615E
- 706764
- 746D6B
- 787472
- 7C7A79
Farbharmonien
Komplementär +180°
- 57443D
Cordovan Leather
- 384D54
≈ Iron Head
Analog -30° +30°
- 57443D
Cordovan Leather
- 574345
≈ Christmas Pudding
- 534738
≈ Kuri Black
Triadisch +120° +240°
- 57443D
Cordovan Leather
- 3B4E44
≈ Amphitrite
- 464759
≈ Oath
Geteilt komplementär +150° +210°
- 57443D
Cordovan Leather
- 374E4D
≈ Silk Crepe Grey
- 3E4A58
≈ Blue Sou’wester
Tetradisch +90° +180° +270°
- 57443D
Cordovan Leather
- 434C3C
≈ Duffel Bag
- 384D54
≈ Iron Head
- 4E4555
≈ Black Magic
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.13:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.29:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.13:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--cordovan-leather: #57443d;
--cordovan-leather-rgb: 87 68 61;
--cordovan-leather-oklch: oklch(0.405 0.029 41.2);
}
.element {
color: var(--cordovan-leather);
background-color: hsl(16 18% 29%);
border-color: oklch(0.405 0.029 41.2);
}Tailwind CSS v4
@theme {
--color-cordovan-leather: #57443d;
--color-cordovan-leather-50: #fdf3ef;
--color-cordovan-leather-100: #f1e5e0;
--color-cordovan-leather-200: #e0d1cb;
--color-cordovan-leather-300: #c5b3ac;
--color-cordovan-leather-400: #ae9992;
--color-cordovan-leather-500: #988078;
--color-cordovan-leather-600: #806d65;
--color-cordovan-leather-700: #675751;
--color-cordovan-leather-800: #4c3f3b;
--color-cordovan-leather-900: #352b28;
--color-cordovan-leather-950: #201916;
}SCSS
$cordovan-leather: #57443d;
$cordovan-leather-rgb: 87, 68, 61;
$cordovan-leather-light: mix(#fff, $cordovan-leather, 20%);
$cordovan-leather-dark: mix(#000, $cordovan-leather, 20%);
.element {
color: $cordovan-leather;
box-shadow: 0 0 0 2px rgba($cordovan-leather, 0.35);
}