Colore con nome più vicino · #EC4E35
#EC4E35
Colore con nome più vicino: Cascara
#EC4E35 (rgb(236 78 53), hsl(8 83% 57%), oklch(0.64 0.198 31.7)) è più vicino al colore con nome Cascara. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#EC4E35
oklch(0.64 0.198 31.7)
Conversioni di colore
- HEX
- #ec4e35
- RGB
- rgb(236 78 53)
- HSL
- hsl(8 83% 57%)
- HWB
- hwb(8 21% 7%)
- OKLCH
- oklch(0.64 0.198 31.7)
- OKLab
- oklab(0.64 0.169 0.104)
- CIE Lab
- lab(56.43 60.78 49.31)
- LCH
- lch(56.43 78.26 39.1)
- CMYK
- cmyk(0% 67% 78% 7%)
Tinte · Ombre · Toni
Tinte
- F1644C
- F57761
- F88A75
- FB9B89
- FEAC9C
- FFBDB0
- FFCEC3
- FFDED7
- FFEFEB
Ombre
- CD432D
- AF3825
- 922D1D
- 762315
- 5B190E
- 420F08
- 290703
- 130201
- 030000
Toni
- E25740
- D95E49
- CF6451
- C56A59
- BA6F60
- B07367
- A4776E
- 997A74
- 8D7D7A
Armonie di colore
Complementare +180°
- EC4E35
Cascara
- 009EB3
≈ Lake Blue
Analogo -30° +30°
- EC4E35
Cascara
- E64883
≈ Kacey’s Pink
- CA7400
≈ Dirty Orange
Triadico +120° +240°
- EC4E35
Cascara
- 00A854
≈ Rita Repulsa
- 657EFF
≈ Byzantine Night Blue
Complementare divisa +150° +210°
- EC4E35
Cascara
- 00A291
≈ Turquish
- 0095DF
≈ Atmosphere
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.67:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.70:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.70:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--cascara: #ec4e35;
--cascara-rgb: 236 78 53;
--cascara-oklch: oklch(0.64 0.198 31.7);
}
.element {
color: var(--cascara);
background-color: hsl(8 83% 57%);
border-color: oklch(0.64 0.198 31.7);
}Tailwind CSS v4
@theme {
--color-cascara: #ec4e35;
--color-cascara-50: #ffe1d0;
--color-cascara-100: #ffd0bd;
--color-cascara-200: #ffb49c;
--color-cascara-300: #ff8e71;
--color-cascara-400: #fe674e;
--color-cascara-500: #ed3a1e;
--color-cascara-600: #c8331c;
--color-cascara-700: #a12917;
--color-cascara-800: #781b12;
--color-cascara-900: #55120c;
--color-cascara-950: #390301;
}SCSS
$cascara: #ec4e35;
$cascara-rgb: 236, 78, 53;
$cascara-light: mix(#fff, $cascara, 20%);
$cascara-dark: mix(#000, $cascara, 20%);
.element {
color: $cascara;
box-shadow: 0 0 0 2px rgba($cascara, 0.35);
}