Benannte Farbe · #EF4026
Tomato
Tomato ist #EF4026: rgb(239 64 38), hsl(8 86% 54%), oklch(0.63 0.215 31.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Tomato color name →
#EF4026
oklch(0.63 0.215 31.5)
Farbumrechnungen
- HEX
- #ef4026
- RGB
- rgb(239 64 38)
- HSL
- hsl(8 86% 54%)
- HWB
- hwb(8 15% 6%)
- OKLCH
- oklch(0.63 0.215 31.5)
- OKLab
- oklab(0.63 0.183 0.112)
- CIE Lab
- lab(55.07 66.22 55.67)
- LCH
- lch(55.07 86.51 40.1)
- CMYK
- cmyk(0% 73% 84% 6%)
Tints · Shades · Tones
Tints
- F45A41
- F86F58
- FB836E
- FE9683
- FFA897
- FFBAAC
- FFCCC0
- FFDDD5
- FFEEEA
Shades
- D03620
- B12D19
- 942413
- 781B0D
- 5C1308
- 420B04
- 2A0502
- 140101
- 030000
Tones
- E54C34
- DB5640
- D15E4A
- C76553
- BC6B5C
- B17063
- A6756B
- 9A7972
- 8E7D79
Farbharmonien
Komplementär +180°
- EF4026
Tomato
- 009AAF
≈ Caneel Bay
Analog -30° +30°
- EF4026
Tomato
- E83A80
≈ Cerise Pink
- C67100
≈ Dirty Orange
Triadisch +120° +240°
Geteilt komplementär +150° +210°
- EF4026
Tomato
- 009F8E
≈ On a Whim
- 0092DA
≈ Kahu Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.86:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.43:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.43:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--tomato: #ef4026;
--tomato-rgb: 239 64 38;
--tomato-oklch: oklch(0.63 0.215 31.5);
}
.element {
color: var(--tomato);
background-color: hsl(8 86% 54%);
border-color: oklch(0.63 0.215 31.5);
}Tailwind CSS v4
@theme {
--color-tomato: #ef4026;
--color-tomato-50: #ffdfcd;
--color-tomato-100: #ffceb9;
--color-tomato-200: #ffb197;
--color-tomato-300: #ff896b;
--color-tomato-400: #ff6046;
--color-tomato-500: #f42904;
--color-tomato-600: #ce270c;
--color-tomato-700: #a6200b;
--color-tomato-800: #7c130c;
--color-tomato-900: #580d07;
--color-tomato-950: #3b0000;
}SCSS
$tomato: #ef4026;
$tomato-rgb: 239, 64, 38;
$tomato-light: mix(#fff, $tomato, 20%);
$tomato-dark: mix(#000, $tomato, 20%);
.element {
color: $tomato;
box-shadow: 0 0 0 2px rgba($tomato, 0.35);
}