Benannte Farbe · #5C3944
Bordeaux Leaf
Bordeaux Leaf ist #5C3944: rgb(92 57 68), hsl(341 23% 29%), oklch(0.39 0.052 359.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Bordeaux Leaf color name →
#5C3944
oklch(0.39 0.052 359.4)
Farbumrechnungen
- HEX
- #5c3944
- RGB
- rgb(92 57 68)
- HSL
- hsl(341 23% 29%)
- HWB
- hwb(341 22% 64%)
- OKLCH
- oklch(0.39 0.052 359.4)
- OKLab
- oklab(0.39 0.052 -0.001)
- CIE Lab
- lab(28.55 17.24 0)
- LCH
- lch(28.55 17.24 360)
- CMYK
- cmyk(0% 38% 26% 64%)
Tints · Shades · Tones
Tints
- 6C4B55
- 7B5D66
- 8B7077
- 9B838A
- AB969C
- BCABAF
- CCBFC3
- DDD4D6
- EEE9EB
Shades
- 4F303A
- 422830
- 361F26
- 2A171D
- 1F1014
- 14090C
- 0A0405
- 030102
- 000000
Tones
- 60404A
- 64474F
- 684E55
- 6B555B
- 6F5C61
- 726367
- 766A6D
- 797173
- 7D797A
Farbharmonien
Komplementär +180°
- 5C3944
Bordeaux Leaf
- 214E46
≈ Carriage Green
Analog -30° +30°
- 5C3944
Bordeaux Leaf
- 553B53
≈ Velvet Plum
- 5E3A35
≈ Hereford Bull
Triadisch +120° +240°
- 5C3944
Bordeaux Leaf
- 424928
≈ Nori Seaweed Green
- 29495E
≈ Arapawa
Geteilt komplementär +150° +210°
- 5C3944
Bordeaux Leaf
- 304D36
≈ Moselle Green
- 1D4D54
≈ Hurricane Green Blue
Tetradisch +90° +180° +270°
- 5C3944
Bordeaux Leaf
- 504423
≈ Uniform Green
- 214E46
≈ Carriage Green
- 3A4461
≈ Diplomatic
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.88:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.12:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.88:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--bordeaux-leaf: #5c3944;
--bordeaux-leaf-rgb: 92 57 68;
--bordeaux-leaf-oklch: oklch(0.39 0.052 359.4);
}
.element {
color: var(--bordeaux-leaf);
background-color: hsl(341 23% 29%);
border-color: oklch(0.39 0.052 359.4);
}Tailwind CSS v4
@theme {
--color-bordeaux-leaf: #5c3944;
--color-bordeaux-leaf-50: #ffeff4;
--color-bordeaux-leaf-100: #f8e1e7;
--color-bordeaux-leaf-200: #e9ccd3;
--color-bordeaux-leaf-300: #cfadb5;
--color-bordeaux-leaf-400: #b9929d;
--color-bordeaux-leaf-500: #a47885;
--color-bordeaux-leaf-600: #8a6671;
--color-bordeaux-leaf-700: #6f515a;
--color-bordeaux-leaf-800: #523b42;
--color-bordeaux-leaf-900: #39282e;
--color-bordeaux-leaf-950: #23161b;
}SCSS
$bordeaux-leaf: #5c3944;
$bordeaux-leaf-rgb: 92, 57, 68;
$bordeaux-leaf-light: mix(#fff, $bordeaux-leaf, 20%);
$bordeaux-leaf-dark: mix(#000, $bordeaux-leaf, 20%);
.element {
color: $bordeaux-leaf;
box-shadow: 0 0 0 2px rgba($bordeaux-leaf, 0.35);
}