#DFA4AE#DFA4AE

#DFA4AE es un color claro y moderadamente saturado de la familia rojo. Luminancia relativa 0.453; OKLCH L 77.7% C 0.071 H 7.6°. El mejor color de texto es #000000 con contraste 10.06:1 (cumple WCAG AA).

Valores del color

HEX#DFA4AE
RGBrgb(223, 164, 174)
HSLhsl(350, 48%, 76%)
HSVhsv(350, 26%, 87%)
CMYKcmyk(0%, 26.5%, 22%, 12.5%)
CIE-LABlab(73.09, 23.22, 3.45)
CIE-LCHlch(73.09, 23.48, 8.44°)
OKLaboklab(77.69% 0.0703 0.0094)
OKLCHoklch(77.69% 0.071 7.6)
XYZxyz(51.3475, 45.2974, 46.0748)
Luminance0.4530 (WCAG relative)
Temperaturewarm
Familyred

Colores con nombre más cercanos

Dusty Pink
#D8A7B1
ΔE00 2.30
Faded Pink
#DE9DAC
ΔE00 2.34
Soft Pink
#FDB0C0
ΔE00 5.69
Lightpink
#FFB6C1
ΔE00 6.19
Grey Pink
#C3909B
ΔE00 6.61
Light Mauve
#C292A1
ΔE00 6.76

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#DFA4AE #A4DFD5
analogous
#DFA4CB #DFA4AE #DFB7A4
triadic
#DFA4AE #AEDFA4 #A4AEDF
tetradic
#DFA4AE #CBDFA4 #A4DFD5 #B7A4DF
square
#DFA4AE #CBDFA4 #A4DFD5 #B7A4DF
split-complementary
#DFA4AE #A4DFB7 #A4CBDF
monochromatic
#BF495D #CF7786 #DFA4AE #EFD1D6 #F7E8EB

Accesibilidad y contraste

On white

2.09
#DFA4AE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.06
#DFA4AE on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #DFA4AE
10.06:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##DFA4AE#FFFFFF#000000##000000
##DFA4AE1.002.0910.0610.06
#FFFFFF2.091.0021.0021.00
#00000010.0621.001.001.00
##00000010.0621.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#ADADAE
Deuteranopia (green-blind)
#BBB7AD
Tritanopia (blue-blind)
#EAA0A7
Achromatopsia (no color)
#B3B3B3

Tokens de diseño y código

CSS
--color: #dfa4ae;
/* rgb */ color: rgb(223, 164, 174);
/* oklch */ color: oklch(77.7% 0.071 7.6);
Tailwind
colors: {
  custom: {
    50: '#eabfc6',
    500: '#dfa4ae',
    950: '#000000',
  },
}
SCSS
$custom: #dfa4ae;
$custom-light: #eabfc6;
$custom-dark: #000000;
JSON
{
  "hex": "#dfa4ae",
  "rgb": {
    "r": 223,
    "g": 164,
    "b": 174
  },
  "hsl": {
    "h": 349.831,
    "s": 47.967,
    "l": 75.882
  },
  "oklch": {
    "l": 0.77688,
    "c": 0.07087,
    "h": 7.6
  },
  "luminance": 0.45295
}

Semantic roles & 50–950 ramp

primary
#DFA4AE
secondary
#DDEEEB
accent
#BBA32A
background
#FEFBFC
surface
#FDF7F8
border
#D5D0D1
text
#161213
muted
#848182

Laboratorio de vista previa

Vista previa con #DFA4AE

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

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

#DFA4AE — Tintiva