Benannte Farbe · #7E4242
Savoy House
Savoy House ist #7E4242: rgb(126 66 66), hsl(0 31% 38%), oklch(0.453 0.083 20.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Savoy House color name →
#7E4242
oklch(0.453 0.083 20.8)
Farbumrechnungen
- HEX
- #7e4242
- RGB
- rgb(126 66 66)
- HSL
- hsl(0 31% 38%)
- HWB
- hwb(0 26% 51%)
- OKLCH
- oklch(0.453 0.083 20.8)
- OKLab
- oklab(0.453 0.078 0.03)
- CIE Lab
- lab(35.75 26.41 12.21)
- LCH
- lch(35.75 29.1 24.8)
- CMYK
- cmyk(0% 48% 48% 51%)
Tints · Shades · Tones
Tints
- 8B5453
- 996664
- A67876
- B38A89
- C09D9C
- CCB0AF
- D9C3C2
- E6D7D6
- F2EBEA
Shades
- 6D3838
- 5C2F2F
- 4C2525
- 3C1C1C
- 2D1414
- 1F0B0B
- 110505
- 050101
- 010000
Tones
- 7F4948
- 804F4E
- 815554
- 815B5A
- 816261
- 816867
- 816E6D
- 817473
- 817A7A
Farbharmonien
Komplementär +180°
- 7E4242
Savoy House
- 006368
≈ Really Teal
Analog -30° +30°
- 7E4242
Savoy House
- 79425C
≈ Purple Drab
- 7A4828
≈ Urban Auburn
Triadisch +120° +240°
- 7E4242
Savoy House
- 3B6235
≈ Greenhouse
- 3B5684
≈ Southern Blue
Geteilt komplementär +150° +210°
- 7E4242
Savoy House
- 126550
≈ Piney Lake
- 155E7C
≈ Blue Edge
Tetradisch +90° +180° +270°
- 7E4242
Savoy House
- 585A1C
≈ Saratoga
- 006368
≈ Really Teal
- 564D81
≈ Fully Purple
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.65:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.74:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.65:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--savoy-house: #7e4242;
--savoy-house-rgb: 126 66 66;
--savoy-house-oklch: oklch(0.453 0.083 20.8);
}
.element {
color: var(--savoy-house);
background-color: hsl(0 31% 38%);
border-color: oklch(0.453 0.083 20.8);
}Tailwind CSS v4
@theme {
--color-savoy-house: #7e4242;
--color-savoy-house-50: #ffedea;
--color-savoy-house-100: #ffdedb;
--color-savoy-house-200: #f6c7c4;
--color-savoy-house-300: #dfa7a4;
--color-savoy-house-400: #cb8b89;
--color-savoy-house-500: #b76f6e;
--color-savoy-house-600: #9a5e5e;
--color-savoy-house-700: #7c4b4b;
--color-savoy-house-800: #5c3637;
--color-savoy-house-900: #402526;
--color-savoy-house-950: #291414;
}SCSS
$savoy-house: #7e4242;
$savoy-house-rgb: 126, 66, 66;
$savoy-house-light: mix(#fff, $savoy-house, 20%);
$savoy-house-dark: mix(#000, $savoy-house, 20%);
.element {
color: $savoy-house;
box-shadow: 0 0 0 2px rgba($savoy-house, 0.35);
}