Benannte Farbe · #E35401
Salsa Habañero
Salsa Habañero ist #E35401: rgb(227 84 1), hsl(22 99% 45%), oklch(0.63 0.192 41.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Salsa Habañero color name →
#E35401
oklch(0.63 0.192 41.5)
Farbumrechnungen
- HEX
- #e35401
- RGB
- rgb(227 84 1)
- HSL
- hsl(22 99% 45%)
- HWB
- hwb(22 0% 11%)
- OKLCH
- oklch(0.63 0.192 41.5)
- OKLab
- oklab(0.63 0.144 0.127)
- CIE Lab
- lab(55.53 54.73 65.92)
- LCH
- lch(55.53 85.67 50.3)
- CMYK
- cmyk(0% 63% 100% 11%)
Tints · Shades · Tones
Tints
- E86832
- ED7B4E
- F18C66
- F59D7C
- F8AE92
- FBBEA8
- FDCFBD
- FEDFD3
- FFEFE9
Shades
- C54801
- A83C01
- 8C3100
- 712600
- 571B00
- 3F1100
- 270800
- 120200
- 030000
Tones
- DA5B23
- D16234
- C86741
- BF6C4C
- B57056
- AC745F
- A17868
- 977B70
- 8C7E78
Farbharmonien
Komplementär +180°
- E35401
Salsa Habañero
- 0098BB
≈ Serene Blue
Analog -30° +30°
- E35401
Salsa Habañero
- E4486B
≈ Rouge Red
- BB7900
≈ Cassandra’s Curse
Triadisch +120° +240°
- E35401
Salsa Habañero
- 00A26E
≈ Biel-Tan Green
- 7A74F8
≈ Stargate Shimmer
Geteilt komplementär +150° +210°
- E35401
Salsa Habañero
- 009D99
≈ Caribbean Turquoise
- 008AF4
≈ Too Blue to Be True
Tetradisch +90° +180° +270°
- E35401
Salsa Habañero
- 619D00
≈ Gecko’s Dream
- 0098BB
≈ Serene Blue
- AE5FDC
≈ Teldrassil Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.79:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.53:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.53:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--salsa-habanero: #e35401;
--salsa-habanero-rgb: 227 84 1;
--salsa-habanero-oklch: oklch(0.63 0.192 41.5);
}
.element {
color: var(--salsa-habanero);
background-color: hsl(22 99% 45%);
border-color: oklch(0.63 0.192 41.5);
}Tailwind CSS v4
@theme {
--color-salsa-habanero: #e35401;
--color-salsa-habanero-50: #ffe4c9;
--color-salsa-habanero-100: #ffd4b4;
--color-salsa-habanero-200: #ffb990;
--color-salsa-habanero-300: #ff9462;
--color-salsa-habanero-400: #f86f35;
--color-salsa-habanero-500: #e74700;
--color-salsa-habanero-600: #c33e00;
--color-salsa-habanero-700: #9d3100;
--color-salsa-habanero-800: #762100;
--color-salsa-habanero-900: #531600;
--color-salsa-habanero-950: #370600;
}SCSS
$salsa-habanero: #e35401;
$salsa-habanero-rgb: 227, 84, 1;
$salsa-habanero-light: mix(#fff, $salsa-habanero, 20%);
$salsa-habanero-dark: mix(#000, $salsa-habanero, 20%);
.element {
color: $salsa-habanero;
box-shadow: 0 0 0 2px rgba($salsa-habanero, 0.35);
}