Benannte Farbe · #853C47
Burnt Russet
Burnt Russet ist #853C47: rgb(133 60 71), hsl(351 38% 38%), oklch(0.455 0.101 12.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Burnt Russet color name →
#853C47
oklch(0.455 0.101 12.6)
Farbumrechnungen
- HEX
- #853c47
- RGB
- rgb(133 60 71)
- HSL
- hsl(351 38% 38%)
- HWB
- hwb(351 24% 48%)
- OKLCH
- oklch(0.455 0.101 12.6)
- OKLab
- oklab(0.455 0.098 0.022)
- CIE Lab
- lab(35.67 32.79 9.17)
- LCH
- lch(35.67 34.05 15.6)
- CMYK
- cmyk(0% 55% 47% 48%)
Tints · Shades · Tones
Tints
- 924F57
- 9F6168
- AC747A
- B8878C
- C49B9E
- D0AEB1
- DCC2C4
- E8D6D7
- F4EAEB
Shades
- 73333D
- 612A32
- 502128
- 40191F
- 301116
- 210A0D
- 130406
- 060102
- 010000
Tones
- 86444D
- 864B52
- 865258
- 86595D
- 865F63
- 856669
- 846D6E
- 837374
- 827A7A
Farbharmonien
Komplementär +180°
- 853C47
Burnt Russet
- 006462
≈ Emerald Stone
Analog -30° +30°
- 853C47
Burnt Russet
- 7C3E66
≈ Magician’s Cloak
- 844125
≈ Dusky Orange
Triadisch +120° +240°
- 853C47
Burnt Russet
- 406222
≈ Rainforest Matcha
- 28588D
≈ Endeavour
Geteilt komplementär +150° +210°
- 853C47
Burnt Russet
- 006746
≈ Greens
- 006079
≈ Blue-Collar
Tetradisch +90° +180° +270°
- 853C47
Burnt Russet
- 615800
≈ Ayahuasca Vine
- 006462
≈ Emerald Stone
- 4F4E8D
≈ Twilight
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.67:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.73:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.67:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--burnt-russet: #853c47;
--burnt-russet-rgb: 133 60 71;
--burnt-russet-oklch: oklch(0.455 0.101 12.6);
}
.element {
color: var(--burnt-russet);
background-color: hsl(351 38% 38%);
border-color: oklch(0.455 0.101 12.6);
}Tailwind CSS v4
@theme {
--color-burnt-russet: #853c47;
--color-burnt-russet-50: #ffeaec;
--color-burnt-russet-100: #ffdbdd;
--color-burnt-russet-200: #fcc3c7;
--color-burnt-russet-300: #e6a3a7;
--color-burnt-russet-400: #d3858e;
--color-burnt-russet-500: #bf6874;
--color-burnt-russet-600: #a15962;
--color-burnt-russet-700: #81474e;
--color-burnt-russet-800: #60333a;
--color-burnt-russet-900: #432328;
--color-burnt-russet-950: #2b1116;
}SCSS
$burnt-russet: #853c47;
$burnt-russet-rgb: 133, 60, 71;
$burnt-russet-light: mix(#fff, $burnt-russet, 20%);
$burnt-russet-dark: mix(#000, $burnt-russet, 20%);
.element {
color: $burnt-russet;
box-shadow: 0 0 0 2px rgba($burnt-russet, 0.35);
}