Benannte Farbe · #9E3D3F
Sappanwood
Sappanwood ist #9E3D3F: rgb(158 61 63), hsl(359 44% 43%), oklch(0.494 0.13 21.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Sappanwood color name →
#9E3D3F
oklch(0.494 0.13 21.9)
Farbumrechnungen
- HEX
- #9e3d3f
- RGB
- rgb(158 61 63)
- HSL
- hsl(359 44% 43%)
- HWB
- hwb(359 24% 38%)
- OKLCH
- oklch(0.494 0.13 21.9)
- OKLab
- oklab(0.494 0.12 0.048)
- CIE Lab
- lab(40.01 41.24 20.83)
- LCH
- lch(40.01 46.2 26.8)
- CMYK
- cmyk(0% 61% 60% 38%)
Tints · Shades · Tones
Tints
- A95151
- B46463
- BF7775
- C98A88
- D39D9B
- DDB0AE
- E6C4C2
- EFD7D6
- F7EBEA
Shades
- 893435
- 742B2C
- 602223
- 4D1A1B
- 3A1212
- 290A0A
- 180404
- 090101
- 010000
Tones
- 9C4546
- 9A4D4C
- 985453
- 965B59
- 936260
- 906866
- 8D6E6D
- 897473
- 857A7A
Farbharmonien
Komplementär +180°
- 9E3D3F
Sappanwood
- 006F76
≈ Active Turquoise
Analog -30° +30°
- 9E3D3F
Sappanwood
- 963D69
≈ Dynamo
- 984800
≈ Oregon
Triadisch +120° +240°
- 9E3D3F
Sappanwood
- 2E7328
≈ Japanese Laurel
- 375EAA
≈ Nebulas Blue
Geteilt komplementär +150° +210°
- 9E3D3F
Sappanwood
- 00735B
≈ Tropical Rainforest
- 006B91
≈ Cairns
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.57:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.19:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.57:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--sappanwood: #9e3d3f;
--sappanwood-rgb: 158 61 63;
--sappanwood-oklch: oklch(0.494 0.13 21.9);
}
.element {
color: var(--sappanwood);
background-color: hsl(359 44% 43%);
border-color: oklch(0.494 0.13 21.9);
}Tailwind CSS v4
@theme {
--color-sappanwood: #9e3d3f;
--color-sappanwood-50: #ffe8e3;
--color-sappanwood-100: #ffd8d3;
--color-sappanwood-200: #ffbfb9;
--color-sappanwood-300: #f39d97;
--color-sappanwood-400: #e17e7c;
--color-sappanwood-500: #ce5e5e;
--color-sappanwood-600: #ae5050;
--color-sappanwood-700: #8c4040;
--color-sappanwood-800: #682d2f;
--color-sappanwood-900: #491f20;
--color-sappanwood-950: #300e10;
}SCSS
$sappanwood: #9e3d3f;
$sappanwood-rgb: 158, 61, 63;
$sappanwood-light: mix(#fff, $sappanwood, 20%);
$sappanwood-dark: mix(#000, $sappanwood, 20%);
.element {
color: $sappanwood;
box-shadow: 0 0 0 2px rgba($sappanwood, 0.35);
}