#DE505B#DE505B

#DE505B es un color claro y vivo de la familia rojo. Luminancia relativa 0.220; OKLCH L 62.6% C 0.177 H 19.4°. El mejor color de texto es #000000 con contraste 5.40:1 (cumple WCAG AA).

Valores del color

HEX#DE505B
RGBrgb(222, 80, 91)
HSLhsl(355, 68%, 59%)
HSVhsv(355, 64%, 87%)
CMYKcmyk(0%, 64%, 59%, 12.9%)
CIE-LABlab(54.06, 56.02, 24.08)
CIE-LCHlch(54.06, 60.98, 23.26°)
OKLaboklab(62.56% 0.1668 0.0587)
OKLCHoklch(62.56% 0.177 19.4)
XYZxyz(34.8845, 22.0269, 12.3102)
Luminance0.2202 (WCAG relative)
Temperaturewarm
Familyred

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#DE505B #50DED3
analogous
#DE50A2 #DE505B #DE8C50
triadic
#DE505B #5BDE50 #505BDE
tetradic
#DE505B #A2DE50 #50DED3 #8C50DE
square
#DE505B #A2DE50 #50DED3 #8C50DE
split-complementary
#DE505B #50DE8C #50A2DE
monochromatic
#971C26 #CB2633 #DE505B #E8838B #F1B7BC

Accesibilidad y contraste

On white

3.89
#DE505B on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.40
#DE505B on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #DE505B
5.40:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##DE505B#FFFFFF#000000##000000
##DE505B1.003.895.405.40
#FFFFFF3.891.0021.0021.00
#0000005.4021.001.001.00
##0000005.4021.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#746E5A
Deuteranopia (green-blind)
#988C57
Tritanopia (blue-blind)
#F33355
Achromatopsia (no color)
#818181

Tokens de diseño y código

CSS
--color: #de505b;
/* rgb */ color: rgb(222, 80, 91);
/* oklch */ color: oklch(62.6% 0.177 19.4);
Tailwind
colors: {
  custom: {
    50: '#ef8889',
    500: '#de505b',
    950: '#000000',
  },
}
SCSS
$custom: #de505b;
$custom-light: #ef8889;
$custom-dark: #000000;
JSON
{
  "hex": "#de505b",
  "rgb": {
    "r": 222,
    "g": 80,
    "b": 91
  },
  "hsl": {
    "h": 355.352,
    "s": 68.269,
    "l": 59.216
  },
  "oklch": {
    "l": 0.62562,
    "c": 0.17686,
    "h": 19.4
  },
  "luminance": 0.22022
}

Semantic roles & 50–950 ramp

primary
#DE505B
secondary
#A9E1DC
accent
#EBDE3D
background
#FFF8F8
surface
#FFF0F0
border
#D7CBCB
text
#180C0B
muted
#867D7C

Laboratorio de vista previa

Vista previa con #DE505B

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

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

#DE505B — Tintiva