#DB4E42#DB4E42

#DB4E42 es un color medio y vivo de la familia rojo. Luminancia relativa 0.209; OKLCH L 61.4% C 0.179 H 28.3°. El mejor color de texto es #000000 con contraste 5.18:1 (cumple WCAG AA).

Valores del color

HEX#DB4E42
RGBrgb(219, 78, 66)
HSLhsl(5, 68%, 56%)
HSVhsv(5, 70%, 86%)
CMYKcmyk(0%, 64.4%, 69.9%, 14.1%)
CIE-LABlab(52.85, 54.40, 36.88)
CIE-LCHlch(52.85, 65.72, 34.14°)
OKLaboklab(61.43% 0.1574 0.0846)
OKLCHoklch(61.43% 0.179 28.3)
XYZxyz(32.9246, 20.9069, 7.4549)
Luminance0.2090 (WCAG relative)
Temperaturewarm
Familyred

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#DB4E42 #42CFDB
analogous
#DB4282 #DB4E42 #DB9A42
triadic
#DB4E42 #42DB4E #4E42DB
tetradic
#DB4E42 #82DB42 #42CFDB #9A42DB
square
#DB4E42 #82DB42 #42CFDB #9A42DB
split-complementary
#DB4E42 #42DB9A #4282DB
monochromatic
#89231A #BC3024 #DB4E42 #E57E75 #EFAEA9

Accesibilidad y contraste

On white

4.05
#DB4E42 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.18
#DB4E42 on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #DB4E42
5.18:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##DB4E42#FFFFFF#000000##000000
##DB4E421.004.055.185.18
#FFFFFF4.051.0021.0021.00
#0000005.1821.001.001.00
##0000005.1821.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#756B40
Deuteranopia (green-blind)
#988A3E
Tritanopia (blue-blind)
#F02A4C
Achromatopsia (no color)
#7E7E7E

Tokens de diseño y código

CSS
--color: #db4e42;
/* rgb */ color: rgb(219, 78, 66);
/* oklch */ color: oklch(61.4% 0.179 28.3);
Tailwind
colors: {
  custom: {
    50: '#ee8677',
    500: '#db4e42',
    950: '#000000',
  },
}
SCSS
$custom: #db4e42;
$custom-light: #ee8677;
$custom-dark: #000000;
JSON
{
  "hex": "#db4e42",
  "rgb": {
    "r": 219,
    "g": 78,
    "b": 66
  },
  "hsl": {
    "h": 4.706,
    "s": 68,
    "l": 55.882
  },
  "oklch": {
    "l": 0.61434,
    "c": 0.17869,
    "h": 28.3
  },
  "luminance": 0.20902
}

Semantic roles & 50–950 ramp

primary
#DB4E42
secondary
#9DD7DC
accent
#DDEB3D
background
#FFF8F7
surface
#FFF0ED
border
#D7CBC8
text
#180C08
muted
#867D7B

Laboratorio de vista previa

Vista previa con #DB4E42

Body copy rendered with the generated semantic roles for this colour.

Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →

#DB4E42 — Tintiva