Benannte Farbe · #8D4942
Rojo Oxide
Rojo Oxide ist #8D4942: rgb(141 73 66), hsl(6 36% 41%), oklch(0.487 0.093 27.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Rojo Oxide color name →
#8D4942
oklch(0.487 0.093 27.1)
Farbumrechnungen
- HEX
- #8d4942
- RGB
- rgb(141 73 66)
- HSL
- hsl(6 36% 41%)
- HWB
- hwb(6 26% 45%)
- OKLCH
- oklch(0.487 0.093 27.1)
- OKLab
- oklab(0.487 0.083 0.043)
- CIE Lab
- lab(39.64 28.86 17.85)
- LCH
- lch(39.64 33.93 31.7)
- CMYK
- cmyk(0% 48% 53% 45%)
Tints · Shades · Tones
Tints
- 995A53
- A56C65
- B17D77
- BD8F89
- C8A19C
- D3B4AF
- DEC6C3
- E9D9D6
- F4ECEB
Shades
- 7A3E38
- 67342F
- 552A25
- 44201C
- 331714
- 230E0B
- 140605
- 070201
- 010000
Tones
- 8D4F48
- 8C554E
- 8B5B55
- 8A605B
- 896661
- 886B67
- 86706D
- 847674
- 827B7A
Farbharmonien
Komplementär +180°
- 8D4942
Rojo Oxide
- 006C78
≈ Toadstool Teal
Analog -30° +30°
- 8D4942
Rojo Oxide
- 894760
≈ Redcurrant
- 875124
≈ Plane Brown
Triadisch +120° +240°
- 8D4942
Rojo Oxide
- 386E3F
≈ Arcala Green
- 485D95
≈ Blue Dude
Geteilt komplementär +150° +210°
- 8D4942
Rojo Oxide
- 00705F
≈ Falcon Turquoise
- 1E678E
≈ Bondi
Tetradisch +90° +180° +270°
- 8D4942
Rojo Oxide
- 5C6621
≈ Bimi Green
- 006C78
≈ Toadstool Teal
- 66538E
≈ Zimidar
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.63:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.16:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--rojo-oxide: #8d4942;
--rojo-oxide-rgb: 141 73 66;
--rojo-oxide-oklch: oklch(0.487 0.093 27.1);
}
.element {
color: var(--rojo-oxide);
background-color: hsl(6 36% 41%);
border-color: oklch(0.487 0.093 27.1);
}Tailwind CSS v4
@theme {
--color-rojo-oxide: #8d4942;
--color-rojo-oxide-50: #ffece6;
--color-rojo-oxide-100: #ffddd6;
--color-rojo-oxide-200: #fac6bd;
--color-rojo-oxide-300: #e3a69c;
--color-rojo-oxide-400: #d08980;
--color-rojo-oxide-500: #bc6d64;
--color-rojo-oxide-600: #9f5c55;
--color-rojo-oxide-700: #804a44;
--color-rojo-oxide-800: #5f3532;
--color-rojo-oxide-900: #422422;
--color-rojo-oxide-950: #2b1311;
}SCSS
$rojo-oxide: #8d4942;
$rojo-oxide-rgb: 141, 73, 66;
$rojo-oxide-light: mix(#fff, $rojo-oxide, 20%);
$rojo-oxide-dark: mix(#000, $rojo-oxide, 20%);
.element {
color: $rojo-oxide;
box-shadow: 0 0 0 2px rgba($rojo-oxide, 0.35);
}