Benannte Farbe · #9F6859
Russet Red
Russet Red ist #9F6859: rgb(159 104 89), hsl(13 28% 49%), oklch(0.572 0.075 35.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Russet Red color name →
#9F6859
oklch(0.572 0.075 35.9)
Farbumrechnungen
- HEX
- #9f6859
- RGB
- rgb(159 104 89)
- HSL
- hsl(13 28% 49%)
- HWB
- hwb(13 35% 38%)
- OKLCH
- oklch(0.572 0.075 35.9)
- OKLab
- oklab(0.572 0.061 0.044)
- CIE Lab
- lab(49.79 21.38 18.01)
- LCH
- lch(49.79 27.96 40.1)
- CMYK
- cmyk(0% 35% 44% 38%)
Tints · Shades · Tones
Tints
- A97669
- B38578
- BD9488
- C6A299
- D0B1A9
- DAC1BA
- E3D0CB
- ECDFDC
- F6EFED
Shades
- 8A594C
- 754B40
- 613E34
- 4D3028
- 3B241D
- 291813
- 180C09
- 090403
- 010000
Tones
- 9C6B5D
- 9A6D61
- 977065
- 947269
- 91756D
- 8E7771
- 8A7975
- 877C78
- 847E7C
Farbharmonien
Komplementär +180°
- 9F6859
Russet Red
- 3C8394
≈ Wipeout
Analog -30° +30°
- 9F6859
Russet Red
- 9E6571
≈ Matte Carmine
- 966F47
≈ Tavern Creek
Triadisch +120° +240°
- 9F6859
Russet Red
- 528565
≈ Soylent Green
- 6C74A4
≈ Blue Batik
Geteilt komplementär +150° +210°
- 9F6859
Russet Red
- 3C867F
≈ Copper Turquoise
- 527DA2
≈ Borage
Tetradisch +90° +180° +270°
- 9F6859
Russet Red
- 6D804F
≈ Creamed Avocado
- 3C8394
≈ Wipeout
- 836D9B
≈ Bitter Violet
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.56:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.59:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.59:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--russet-red: #9f6859;
--russet-red-rgb: 159 104 89;
--russet-red-oklch: oklch(0.572 0.075 35.9);
}
.element {
color: var(--russet-red);
background-color: hsl(13 28% 49%);
border-color: oklch(0.572 0.075 35.9);
}Tailwind CSS v4
@theme {
--color-russet-red: #9f6859;
--color-russet-red-50: #ffeee6;
--color-russet-red-100: #ffe0d6;
--color-russet-red-200: #f2cabe;
--color-russet-red-300: #daab9c;
--color-russet-red-400: #c68f80;
--color-russet-red-500: #b27463;
--color-russet-red-600: #966354;
--color-russet-red-700: #794f43;
--color-russet-red-800: #593931;
--color-russet-red-900: #3f2721;
--color-russet-red-950: #281511;
}SCSS
$russet-red: #9f6859;
$russet-red-rgb: 159, 104, 89;
$russet-red-light: mix(#fff, $russet-red, 20%);
$russet-red-dark: mix(#000, $russet-red, 20%);
.element {
color: $russet-red;
box-shadow: 0 0 0 2px rgba($russet-red, 0.35);
}