#D64761#D64761

#D64761 es un color medio y vivo de la familia rojo. Luminancia relativa 0.197; OKLCH L 60.4% C 0.179 H 13.6°. El mejor color de texto es #000000 con contraste 4.93:1 (cumple WCAG AA).

Valores del color

HEX#D64761
RGBrgb(214, 71, 97)
HSLhsl(349, 64%, 56%)
HSVhsv(349, 67%, 84%)
CMYKcmyk(0%, 66.8%, 54.7%, 16.1%)
CIE-LABlab(51.46, 57.58, 16.80)
CIE-LCHlch(51.46, 59.98, 16.27°)
OKLaboklab(60.41% 0.1736 0.0421)
OKLCHoklch(60.41% 0.179 13.6)
XYZxyz(32.1454, 19.6700, 13.4109)
Luminance0.1967 (WCAG relative)
Temperaturewarm
Familyred

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#D64761 #47D6BC
analogous
#D647A8 #D64761 #D67447
triadic
#D64761 #61D647 #4761D6
tetradic
#D64761 #A8D647 #47D6BC #7447D6
square
#D64761 #A8D647 #47D6BC #7447D6
split-complementary
#D64761 #47D674 #47A8D6
monochromatic
#851E30 #B72943 #D64761 #E1798C #ECABB7

Accesibilidad y contraste

On white

4.26
#D64761 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.93
#D64761 on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #D64761
4.93:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##D64761#FFFFFF#000000##000000
##D647611.004.264.934.93
#FFFFFF4.261.0021.0021.00
#0000004.9321.001.001.00
##0000004.9321.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#6A6861
Deuteranopia (green-blind)
#8F855D
Tritanopia (blue-blind)
#E92A51
Achromatopsia (no color)
#7B7B7B

Tokens de diseño y código

CSS
--color: #d64761;
/* rgb */ color: rgb(214, 71, 97);
/* oklch */ color: oklch(60.4% 0.179 13.6);
Tailwind
colors: {
  custom: {
    50: '#e9838d',
    500: '#d64761',
    950: '#000000',
  },
}
SCSS
$custom: #d64761;
$custom-light: #e9838d;
$custom-dark: #000000;
JSON
{
  "hex": "#d64761",
  "rgb": {
    "r": 214,
    "g": 71,
    "b": 97
  },
  "hsl": {
    "h": 349.091,
    "s": 63.556,
    "l": 55.882
  },
  "oklch": {
    "l": 0.60407,
    "c": 0.17859,
    "h": 13.6
  },
  "luminance": 0.19666
}

Semantic roles & 50–950 ramp

primary
#D64761
secondary
#9FDACF
accent
#E7C941
background
#FFF8F8
surface
#FEEFF0
border
#D6CACB
text
#170B0C
muted
#857C7D

Laboratorio de vista previa

Vista previa con #D64761

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

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

#D64761 — Tintiva