Color con nombre más cercano · #E08342
#E08342
Color con nombre más cercano: Flamenco
#E08342 (rgb(224 131 66), hsl(25 72% 57%), oklch(0.699 0.139 53.1)) se parece más al color con nombre Flamenco. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E08342
oklch(0.699 0.139 53.1)
Conversiones de color
- HEX
- #e08342
- RGB
- rgb(224 131 66)
- HSL
- hsl(25 72% 57%)
- HWB
- hwb(25 26% 12%)
- OKLCH
- oklch(0.699 0.139 53.1)
- OKLab
- oklab(0.699 0.084 0.111)
- CIE Lab
- lab(64.31 32.92 50.04)
- LCH
- lch(64.31 59.9 56.7)
- CMYK
- cmyk(0% 42% 71% 12%)
Tintes · Sombras · Tonos
Tintes
- E49058
- E89D6C
- ECA97F
- F0B591
- F3C2A4
- F6CEB6
- F9DAC8
- FBE7DA
- FDF3ED
Sombras
- C37138
- A6602F
- 8A4F25
- 703F1C
- 562F14
- 3E200B
- 271205
- 120601
- 020100
Tonos
- D7834B
- CD8453
- C4845A
- BB8461
- B18467
- A8836D
- 9E8372
- 948277
- 8A817C
Armonías de color
Complementario +180°
- E08342
Flamenco
- 1BABE6
≈ Huelveño Horizon
Análogo -30° +30°
- E08342
Flamenco
- E87874
≈ Sweet Melon
- C79515
≈ Retro Vibe
Triádico +120° +240°
- E08342
Flamenco
- 00B896
≈ Aoife’s Green
- A28CEC
≈ Perrywinkle
Complementario dividido +150° +210°
- E08342
Flamenco
- 00B3BF
≈ Marrakech Mile
- 709CF4
≈ Guilliman Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.49:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--flamenco: #e08342;
--flamenco-rgb: 224 131 66;
--flamenco-oklch: oklch(0.699 0.139 53.1);
}
.element {
color: var(--flamenco);
background-color: hsl(25 72% 57%);
border-color: oklch(0.699 0.139 53.1);
}Tailwind CSS v4
@theme {
--color-flamenco: #e08342;
--color-flamenco-50: #ffecd0;
--color-flamenco-100: #ffdcbc;
--color-flamenco-200: #ffc59b;
--color-flamenco-300: #eea470;
--color-flamenco-400: #dd8549;
--color-flamenco-500: #cb670e;
--color-flamenco-600: #ab5812;
--color-flamenco-700: #8a460f;
--color-flamenco-800: #67320b;
--color-flamenco-900: #482207;
--color-flamenco-950: #2f1000;
}SCSS
$flamenco: #e08342;
$flamenco-rgb: 224, 131, 66;
$flamenco-light: mix(#fff, $flamenco, 20%);
$flamenco-dark: mix(#000, $flamenco, 20%);
.element {
color: $flamenco;
box-shadow: 0 0 0 2px rgba($flamenco, 0.35);
}