Benannte Farbe · #893F45
Cordovan
Cordovan ist #893F45: rgb(137 63 69), hsl(355 37% 39%), oklch(0.466 0.101 16.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Cordovan color name →
#893F45
oklch(0.466 0.101 16.8)
Farbumrechnungen
- HEX
- #893f45
- RGB
- rgb(137 63 69)
- HSL
- hsl(355 37% 39%)
- HWB
- hwb(355 25% 46%)
- OKLCH
- oklch(0.466 0.101 16.8)
- OKLab
- oklab(0.466 0.097 0.029)
- CIE Lab
- lab(36.91 32.67 12.25)
- LCH
- lch(36.91 34.89 20.6)
- CMYK
- cmyk(0% 54% 50% 46%)
Tints · Shades · Tones
Tints
- 965256
- A26467
- AF7779
- BB898B
- C79C9D
- D2AFB0
- DEC3C3
- E9D7D7
- F4EBEB
Shades
- 76353B
- 642C31
- 532327
- 421B1E
- 311215
- 220A0C
- 140405
- 070102
- 010000
Tones
- 89464B
- 894D51
- 895456
- 885A5C
- 886162
- 876768
- 856D6E
- 847474
- 827A7A
Farbharmonien
Komplementär +180°
- 893F45
Cordovan
- 006769
≈ Joyful Tears
Analog -30° +30°
- 893F45
Cordovan
- 814065
≈ Midnight Aubergine
- 864522
≈ Honey Garlic Beef
Triadisch +120° +240°
- 893F45
Cordovan
- 3D662A
≈ Radical Green
- 325A91
≈ B’dazzled Blue
Geteilt komplementär +150° +210°
- 893F45
Cordovan
- 006A4E
≈ Bottle Green
- 006380
≈ Harem Silk
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.34:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.86:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.34:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--cordovan: #893f45;
--cordovan-rgb: 137 63 69;
--cordovan-oklch: oklch(0.466 0.101 16.8);
}
.element {
color: var(--cordovan);
background-color: hsl(355 37% 39%);
border-color: oklch(0.466 0.101 16.8);
}Tailwind CSS v4
@theme {
--color-cordovan: #893f45;
--color-cordovan-50: #ffeaea;
--color-cordovan-100: #ffdbdb;
--color-cordovan-200: #fdc4c3;
--color-cordovan-300: #e7a3a3;
--color-cordovan-400: #d38589;
--color-cordovan-500: #c0696e;
--color-cordovan-600: #a2595d;
--color-cordovan-700: #82474a;
--color-cordovan-800: #603337;
--color-cordovan-900: #442326;
--color-cordovan-950: #2b1114;
}SCSS
$cordovan: #893f45;
$cordovan-rgb: 137, 63, 69;
$cordovan-light: mix(#fff, $cordovan, 20%);
$cordovan-dark: mix(#000, $cordovan, 20%);
.element {
color: $cordovan;
box-shadow: 0 0 0 2px rgba($cordovan, 0.35);
}