Named color · #EE6622
Fuego Nuevo
Fuego Nuevo is #EE6622: rgb(238 102 34), hsl(20 86% 53%), oklch(0.671 0.184 43). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Fuego Nuevo color name →
#EE6622
oklch(0.671 0.184 43)
Color conversions
- HEX
- #ee6622
- RGB
- rgb(238 102 34)
- HSL
- hsl(20 86% 53%)
- HWB
- hwb(20 13% 7%)
- OKLCH
- oklch(0.671 0.184 43)
- OKLab
- oklab(0.671 0.135 0.125)
- CIE Lab
- lab(60.47 51.29 61.28)
- LCH
- lch(60.47 79.92 50.1)
- CMYK
- cmyk(0% 57% 86% 7%)
Tints · Shades · Tones
Tints
- F27741
- F5885A
- F89870
- FBA785
- FDB699
- FEC5AE
- FFD3C2
- FFE2D6
- FFF1EB
Shades
- CF581C
- B14A16
- 933C11
- 772F0B
- 5C2307
- 421703
- 2A0C01
- 140400
- 030000
Tones
- E46B33
- DA6F40
- CF724B
- C57554
- BA785D
- AF7A65
- A47C6C
- 987E73
- 8C7F7A
Color harmonies
Complementary +180°
- EE6622
Fuego Nuevo
- 00A5CD
≈ Charybdis
Analogous -30° +30°
- EE6622
Fuego Nuevo
- F05B75
≈ Pink Pepper
- CA8500
≈ Bubonic Brown
Triadic +120° +240°
- EE6622
Fuego Nuevo
- 00B17B
≈ Salsify Grass
- 8982FF
≈ Periwinkle
Split-complementary +150° +210°
- EE6622
Fuego Nuevo
- 00ABA9
≈ Jade Orchid
- 3397FF
≈ Brilliant Azure
Tetradic +90° +180° +270°
- EE6622
Fuego Nuevo
- 66AC13
≈ Dark Slimelime
- 00A5CD
≈ Charybdis
- BC6EE5
≈ Lavender
Contrast & accessibility
Ag
FailOn white
WCAG 3.20:1 · APCA Lc 58
Ag
AAOn black
WCAG 6.55:1 · APCA Lc 43
Best text color: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
Code snippets
CSS
:root {
--fuego-nuevo: #ee6622;
--fuego-nuevo-rgb: 238 102 34;
--fuego-nuevo-oklch: oklch(0.671 0.184 43);
}
.element {
color: var(--fuego-nuevo);
background-color: hsl(20 86% 53%);
border-color: oklch(0.671 0.184 43);
}Tailwind CSS v4
@theme {
--color-fuego-nuevo: #ee6622;
--color-fuego-nuevo-50: #ffe5ca;
--color-fuego-nuevo-100: #ffd5b5;
--color-fuego-nuevo-200: #ffbb92;
--color-fuego-nuevo-300: #ff9663;
--color-fuego-nuevo-400: #f47338;
--color-fuego-nuevo-500: #e34d00;
--color-fuego-nuevo-600: #c04200;
--color-fuego-nuevo-700: #9a3500;
--color-fuego-nuevo-800: #742400;
--color-fuego-nuevo-900: #521800;
--color-fuego-nuevo-950: #360800;
}SCSS
$fuego-nuevo: #ee6622;
$fuego-nuevo-rgb: 238, 102, 34;
$fuego-nuevo-light: mix(#fff, $fuego-nuevo, 20%);
$fuego-nuevo-dark: mix(#000, $fuego-nuevo, 20%);
.element {
color: $fuego-nuevo;
box-shadow: 0 0 0 2px rgba($fuego-nuevo, 0.35);
}