Benannte Farbe · #6E3637
Red Theatre
Red Theatre ist #6E3637: rgb(110 54 55), hsl(359 34% 32%), oklch(0.406 0.08 20.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Red Theatre color name →
#6E3637
oklch(0.406 0.08 20.1)
Farbumrechnungen
- HEX
- #6e3637
- RGB
- rgb(110 54 55)
- HSL
- hsl(359 34% 32%)
- HWB
- hwb(359 21% 57%)
- OKLCH
- oklch(0.406 0.08 20.1)
- OKLab
- oklab(0.406 0.075 0.027)
- CIE Lab
- lab(30.27 25.4 11.35)
- LCH
- lch(30.27 27.82 24.1)
- CMYK
- cmyk(0% 51% 50% 57%)
Tints · Shades · Tones
Tints
- 7D4949
- 8B5B5B
- 9A6F6E
- A98281
- B79695
- C5AAA9
- D4BFBE
- E2D4D3
- F1E9E9
Shades
- 5F2E2E
- 502526
- 411E1E
- 331616
- 260F0F
- 190808
- 0E0303
- 040101
- 010000
Tones
- 713E3E
- 734545
- 754D4C
- 775453
- 795B5B
- 7B6362
- 7D6A69
- 7E7171
- 7F7978
Farbharmonien
Komplementär +180°
- 6E3637
Red Theatre
- 005458
≈ Ice Dark Turquoise
Analog -30° +30°
- 6E3637
Red Theatre
- 69364F
≈ Noble Honour
- 6B3B1E
≈ Searing Gorge Brown
Triadisch +120° +240°
- 6E3637
Red Theatre
- 305429
≈ Moor-Monster
- 2F4974
≈ Dragonfly
Geteilt komplementär +150° +210°
- 6E3637
Red Theatre
- 025743
≈ Sacramento State Green
- 04516C
≈ Gemstone Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.35:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.24:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.35:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--red-theatre: #6e3637;
--red-theatre-rgb: 110 54 55;
--red-theatre-oklch: oklch(0.406 0.08 20.1);
}
.element {
color: var(--red-theatre);
background-color: hsl(359 34% 32%);
border-color: oklch(0.406 0.08 20.1);
}Tailwind CSS v4
@theme {
--color-red-theatre: #6e3637;
--color-red-theatre-50: #ffedeb;
--color-red-theatre-100: #ffdedc;
--color-red-theatre-200: #f5c8c5;
--color-red-theatre-300: #dda8a5;
--color-red-theatre-400: #c98c8b;
--color-red-theatre-500: #b57070;
--color-red-theatre-600: #995f5f;
--color-red-theatre-700: #7b4c4c;
--color-red-theatre-800: #5b3738;
--color-red-theatre-900: #402626;
--color-red-theatre-950: #281415;
}SCSS
$red-theatre: #6e3637;
$red-theatre-rgb: 110, 54, 55;
$red-theatre-light: mix(#fff, $red-theatre, 20%);
$red-theatre-dark: mix(#000, $red-theatre, 20%);
.element {
color: $red-theatre;
box-shadow: 0 0 0 2px rgba($red-theatre, 0.35);
}