Colore con nome · #E84A2E
Tomato Curry
Tomato Curry è #E84A2E: rgb(232 74 46), hsl(9 80% 55%), oklch(0.629 0.199 32.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Tomato Curry color name →
#E84A2E
oklch(0.629 0.199 32.4)
Conversioni di colore
- HEX
- #e84a2e
- RGB
- rgb(232 74 46)
- HSL
- hsl(9 80% 55%)
- HWB
- hwb(9 18% 9%)
- OKLCH
- oklch(0.629 0.199 32.4)
- OKLab
- oklab(0.629 0.168 0.107)
- CIE Lab
- lab(55.1 60.79 51.28)
- LCH
- lch(55.1 79.54 40.1)
- CMYK
- cmyk(0% 68% 80% 9%)
Tinte · Ombre · Toni
Tinte
- ED6047
- F2745C
- F68771
- F99985
- FCAB99
- FEBCAE
- FFCDC2
- FFDED6
- FFEEEA
Ombre
- CA3F27
- AC351F
- 902A18
- 742012
- 59170B
- 400E06
- 290602
- 130201
- 030000
Toni
- DF533A
- D65B44
- CC624D
- C26856
- B86D5E
- AE7265
- A3766C
- 987A73
- 8D7D7A
Armonie di colore
Complementare +180°
- E84A2E
Tomato Curry
- 009AB0
≈ Caneel Bay
Analogo -30° +30°
- E84A2E
Tomato Curry
- E3447E
≈ Christmas Pink
- C57100
≈ Dirty Orange
Triadico +120° +240°
- E84A2E
Tomato Curry
- 00A455
≈ Full Energy
- 6379FF
≈ Byzantine Night Blue
Complementare divisa +150° +210°
- E84A2E
Tomato Curry
- 009E8E
≈ On a Whim
- 0091DB
≈ Kahu Blue
Tetradico +90° +180° +270°
- E84A2E
Tomato Curry
- 799600
≈ Mossy Woods
- 009AB0
≈ Caneel Bay
- A162EA
≈ Orion Nebula
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.85:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.45:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.45:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--tomato-curry: #e84a2e;
--tomato-curry-rgb: 232 74 46;
--tomato-curry-oklch: oklch(0.629 0.199 32.4);
}
.element {
color: var(--tomato-curry);
background-color: hsl(9 80% 55%);
border-color: oklch(0.629 0.199 32.4);
}Tailwind CSS v4
@theme {
--color-tomato-curry: #e84a2e;
--color-tomato-curry-50: #ffe1cf;
--color-tomato-curry-100: #ffd0bc;
--color-tomato-curry-200: #ffb49b;
--color-tomato-curry-300: #ff8e70;
--color-tomato-curry-400: #fe674c;
--color-tomato-curry-500: #ed3a18;
--color-tomato-curry-600: #c83318;
--color-tomato-curry-700: #a12914;
--color-tomato-curry-800: #781b11;
--color-tomato-curry-900: #55120a;
--color-tomato-curry-950: #390301;
}SCSS
$tomato-curry: #e84a2e;
$tomato-curry-rgb: 232, 74, 46;
$tomato-curry-light: mix(#fff, $tomato-curry, 20%);
$tomato-curry-dark: mix(#000, $tomato-curry, 20%);
.element {
color: $tomato-curry;
box-shadow: 0 0 0 2px rgba($tomato-curry, 0.35);
}