Benannte Farbe · #E35C38
Sohi Red
Sohi Red ist #E35C38: rgb(227 92 56), hsl(13 75% 55%), oklch(0.643 0.176 35.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Sohi Red color name →
#E35C38
oklch(0.643 0.176 35.8)
Farbumrechnungen
- HEX
- #e35c38
- RGB
- rgb(227 92 56)
- HSL
- hsl(13 75% 55%)
- HWB
- hwb(13 22% 11%)
- OKLCH
- oklch(0.643 0.176 35.8)
- OKLab
- oklab(0.643 0.143 0.103)
- CIE Lab
- lab(57.08 52.17 47.8)
- LCH
- lch(57.08 70.76 42.5)
- CMYK
- cmyk(0% 59% 75% 11%)
Tints · Shades · Tones
Tints
- E86E4E
- ED8063
- F19077
- F5A18A
- F8B19D
- FAC0B1
- FCD0C4
- FEE0D8
- FFEFEB
Shades
- C54F2F
- A84227
- 8C361F
- 712A17
- 571F0F
- 3F1408
- 270A04
- 120301
- 030000
Tones
- DA6242
- D1674B
- C86B53
- BE6F5A
- B57361
- AB7668
- A1796E
- 977C74
- 8C7E7A
Farbharmonien
Komplementär +180°
- E35C38
Sohi Red
- 009EB9
≈ Brilliant Sea
Analog -30° +30°
- E35C38
Sohi Red
- E0557D
≈ Fever Dream
- C77800
≈ Dirty Orange
Triadisch +120° +240°
- E35C38
Sohi Red
- 00A863
≈ Greedo Green
- 727EF6
≈ Byzantine Night Blue
Geteilt komplementär +150° +210°
- E35C38
Sohi Red
- 00A397
≈ Tyrolite Blue-Green
- 0093EA
≈ Pervenche
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.58:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.85:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.85:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--sohi-red: #e35c38;
--sohi-red-rgb: 227 92 56;
--sohi-red-oklch: oklch(0.643 0.176 35.8);
}
.element {
color: var(--sohi-red);
background-color: hsl(13 75% 55%);
border-color: oklch(0.643 0.176 35.8);
}Tailwind CSS v4
@theme {
--color-sohi-red: #e35c38;
--color-sohi-red-50: #ffe5d1;
--color-sohi-red-100: #ffd4be;
--color-sohi-red-200: #ffba9d;
--color-sohi-red-300: #ff9573;
--color-sohi-red-400: #f37250;
--color-sohi-red-500: #e24c21;
--color-sohi-red-600: #bf421f;
--color-sohi-red-700: #9a3419;
--color-sohi-red-800: #732413;
--color-sohi-red-900: #51180c;
--color-sohi-red-950: #360801;
}SCSS
$sohi-red: #e35c38;
$sohi-red-rgb: 227, 92, 56;
$sohi-red-light: mix(#fff, $sohi-red, 20%);
$sohi-red-dark: mix(#000, $sohi-red, 20%);
.element {
color: $sohi-red;
box-shadow: 0 0 0 2px rgba($sohi-red, 0.35);
}