Color con nombre · #EC7D2C
Chaat Masala
Chaat Masala es #EC7D2C: rgb(236 125 44), hsl(25 83% 55%), oklch(0.703 0.163 51.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Chaat Masala color name →
#EC7D2C
oklch(0.703 0.163 51.8)
Conversiones de color
- HEX
- #ec7d2c
- RGB
- rgb(236 125 44)
- HSL
- hsl(25 83% 55%)
- HWB
- hwb(25 17% 7%)
- OKLCH
- oklch(0.703 0.163 51.8)
- OKLab
- oklab(0.703 0.101 0.128)
- CIE Lab
- lab(64.58 40.04 60.59)
- LCH
- lch(64.58 72.63 56.5)
- CMYK
- cmyk(0% 47% 81% 7%)
Tintes · Sombras · Tonos
Tintes
- EF8B49
- F39960
- F5A675
- F8B38A
- FAC09E
- FCCDB1
- FDD9C5
- FEE6D8
- FFF2EB
Sombras
- CD6C25
- AF5B1E
- 924B17
- 763B11
- 5B2C0A
- 421E05
- 291102
- 130501
- 030100
Tonos
- E27E3B
- D78047
- CD8051
- C28159
- B88161
- AD8268
- A2826F
- 978175
- 8C817A
Armonías de color
Complementario +180°
- EC7D2C
Chaat Masala
- 00ADE8
≈ Huelveño Horizon
Análogo -30° +30°
- EC7D2C
Chaat Masala
- F47071
≈ Breeze of Chilli
- CC9400
≈ Elysium Gold
Triádico +120° +240°
- EC7D2C
Chaat Masala
- 00BA95
≈ Aoife’s Green
- A289FB
≈ Lavender Blue Shadow
Complementario dividido +150° +210°
- EC7D2C
Chaat Masala
- 00B5BF
≈ Marrakech Mile
- 689DFF
≈ Blue Chaos
Tetrádico +90° +180° +270°
- EC7D2C
Chaat Masala
- 5DB854
≈ Pure Apple
- 00ADE8
≈ Huelveño Horizon
- CD79DB
≈ Jewel Caterpillar
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASobre negro
WCAG 7.53:1 · APCA Lc 49
Mejor color de texto: #000000
WCAG 7.53:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmentos de código
CSS
:root {
--chaat-masala: #ec7d2c;
--chaat-masala-rgb: 236 125 44;
--chaat-masala-oklch: oklch(0.703 0.163 51.8);
}
.element {
color: var(--chaat-masala);
background-color: hsl(25 83% 55%);
border-color: oklch(0.703 0.163 51.8);
}Tailwind CSS v4
@theme {
--color-chaat-masala: #ec7d2c;
--color-chaat-masala-50: #ffe9ca;
--color-chaat-masala-100: #ffdab5;
--color-chaat-masala-200: #ffc191;
--color-chaat-masala-300: #f89f63;
--color-chaat-masala-400: #e87e35;
--color-chaat-masala-500: #d65d00;
--color-chaat-masala-600: #b45000;
--color-chaat-masala-700: #914000;
--color-chaat-masala-800: #6d2d00;
--color-chaat-masala-900: #4d1e00;
--color-chaat-masala-950: #320d00;
}SCSS
$chaat-masala: #ec7d2c;
$chaat-masala-rgb: 236, 125, 44;
$chaat-masala-light: mix(#fff, $chaat-masala, 20%);
$chaat-masala-dark: mix(#000, $chaat-masala, 20%);
.element {
color: $chaat-masala;
box-shadow: 0 0 0 2px rgba($chaat-masala, 0.35);
}