Benannte Farbe · #E25E31
Salametti
Salametti ist #E25E31: rgb(226 94 49), hsl(15 75% 54%), oklch(0.643 0.175 38.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Salametti color name →
#E25E31
oklch(0.643 0.175 38.5)
Farbumrechnungen
- HEX
- #e25e31
- RGB
- rgb(226 94 49)
- HSL
- hsl(15 75% 54%)
- HWB
- hwb(15 19% 11%)
- OKLCH
- oklch(0.643 0.175 38.5)
- OKLab
- oklab(0.643 0.137 0.109)
- CIE Lab
- lab(57.2 50.77 51.28)
- LCH
- lch(57.2 72.16 45.3)
- CMYK
- cmyk(0% 58% 78% 11%)
Tints · Shades · Tones
Tints
- E77049
- EC815F
- F09273
- F4A287
- F7B19B
- FAC1AF
- FCD1C3
- FDE0D7
- FFF0EB
Shades
- C45129
- A84422
- 8C371A
- 712B13
- 571F0C
- 3E1406
- 270A03
- 120301
- 030000
Tones
- D9643D
- D06847
- C76D50
- BE7058
- B4745F
- AB7766
- A17A6D
- 967C74
- 8B7E7A
Farbharmonien
Komplementär +180°
- E25E31
Salametti
- 009DBC
≈ Greek Blue
Analog -30° +30°
- E25E31
Salametti
- E15678
≈ Fever Dream
- C47A00
≈ Dirty Orange
Triadisch +120° +240°
- E25E31
Salametti
- 00A86A
≈ Jade
- 787DF4
≈ Hera Blue
Geteilt komplementär +150° +210°
- E25E31
Salametti
- 00A29A
≈ Ceramic Blue Turquoise
- 0191F1
≈ Karimun Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.57:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 5.87:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.87:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--salametti: #e25e31;
--salametti-rgb: 226 94 49;
--salametti-oklch: oklch(0.643 0.175 38.5);
}
.element {
color: var(--salametti);
background-color: hsl(15 75% 54%);
border-color: oklch(0.643 0.175 38.5);
}Tailwind CSS v4
@theme {
--color-salametti: #e25e31;
--color-salametti-50: #ffe5cf;
--color-salametti-100: #ffd5bc;
--color-salametti-200: #ffbb9b;
--color-salametti-300: #ff9770;
--color-salametti-400: #f2744a;
--color-salametti-500: #e14e14;
--color-salametti-600: #be4415;
--color-salametti-700: #993611;
--color-salametti-800: #72250e;
--color-salametti-900: #511909;
--color-salametti-950: #350800;
}SCSS
$salametti: #e25e31;
$salametti-rgb: 226, 94, 49;
$salametti-light: mix(#fff, $salametti, 20%);
$salametti-dark: mix(#000, $salametti, 20%);
.element {
color: $salametti;
box-shadow: 0 0 0 2px rgba($salametti, 0.35);
}