#DFA5BE#DFA5BE

#DFA5BE es un color claro y moderadamente saturado de la familia rosa. Luminancia relativa 0.463; OKLCH L 78.3% C 0.075 H 351.4°. El mejor color de texto es #000000 con contraste 10.26:1 (cumple WCAG AA).

Valores del color

HEX#DFA5BE
RGBrgb(223, 165, 190)
HSLhsl(334, 48%, 76%)
HSVhsv(334, 26%, 87%)
CMYKcmyk(0%, 26%, 14.8%, 12.5%)
CIE-LABlab(73.75, 25.15, -4.39)
CIE-LCHlch(73.75, 25.53, 350.11°)
OKLaboklab(78.34% 0.0745 -0.0113)
OKLCHoklch(78.34% 0.075 351.4)
XYZxyz(53.1809, 46.3182, 54.8442)
Luminance0.4632 (WCAG relative)
Temperaturewarm
Familypink

Colores con nombre más cercanos

Faded Pink
#DE9DAC
ΔE00 4.43
Dusty Pink
#D8A7B1
ΔE00 4.99
Powder Pink
#FFB2D0
ΔE00 5.84
Baby Pink
#FFB7CE
ΔE00 6.27
Soft Pink
#FDB0C0
ΔE00 6.72
Pastel Pink
#FFBACD
ΔE00 6.82

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#DFA5BE #A5DFC6
analogous
#DFA5DB #DFA5BE #DFA9A5
triadic
#DFA5BE #BEDFA5 #A5BEDF
tetradic
#DFA5BE #DBDFA5 #A5DFC6 #A9A5DF
square
#DFA5BE #DBDFA5 #A5DFC6 #A9A5DF
split-complementary
#DFA5BE #A5DFA9 #A5DBDF
monochromatic
#BF4B7D #CF789D #DFA5BE #EFD2DF #F7E8EF

Accesibilidad y contraste

On white

2.05
#DFA5BE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.26
#DFA5BE on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #DFA5BE
10.26:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##DFA5BE#FFFFFF#000000##000000
##DFA5BE1.002.0510.2610.26
#FFFFFF2.051.0021.0021.00
#00000010.2621.001.001.00
##00000010.2621.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#AAB0BF
Deuteranopia (green-blind)
#B8B9BD
Tritanopia (blue-blind)
#E8A3AD
Achromatopsia (no color)
#B5B5B5

Tokens de diseño y código

CSS
--color: #dfa5be;
/* rgb */ color: rgb(223, 165, 190);
/* oklch */ color: oklch(78.3% 0.075 351.4);
Tailwind
colors: {
  custom: {
    50: '#e9c0d1',
    500: '#dfa5be',
    950: '#000000',
  },
}
SCSS
$custom: #dfa5be;
$custom-light: #e9c0d1;
$custom-dark: #000000;
JSON
{
  "hex": "#dfa5be",
  "rgb": {
    "r": 223,
    "g": 165,
    "b": 190
  },
  "hsl": {
    "h": 334.138,
    "s": 47.541,
    "l": 76.078
  },
  "oklch": {
    "l": 0.78342,
    "c": 0.07538,
    "h": 351.4
  },
  "luminance": 0.46316
}

Semantic roles & 50–950 ramp

primary
#DFA5BE
secondary
#DDEEE7
accent
#BB7D2B
background
#FEFBFC
surface
#FDF7F9
border
#D5D0D2
text
#161214
muted
#848182

Laboratorio de vista previa

Vista previa con #DFA5BE

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

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

#DFA5BE — Tintiva