#D082BA#D082BA

#D082BA es un color claro y moderadamente saturado de la familia rosa. Luminancia relativa 0.329; OKLCH L 70.6% C 0.119 H 338.0°. El mejor color de texto es #000000 con contraste 7.58:1 (cumple WCAG AA).

Valores del color

HEX#D082BA
RGBrgb(208, 130, 186)
HSLhsl(317, 45%, 66%)
HSVhsv(317, 38%, 82%)
CMYKcmyk(0%, 37.5%, 10.6%, 18.4%)
CIE-LABlab(64.10, 38.16, -16.76)
CIE-LCHlch(64.10, 41.68, 336.30°)
OKLaboklab(70.57% 0.1107 -0.0448)
OKLCHoklch(70.57% 0.119 338)
XYZxyz(42.8579, 32.9226, 50.5421)
Luminance0.3292 (WCAG relative)
Temperaturewarm
Familypink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#D082BA #82D098
analogous
#BF82D0 #D082BA #D08293
triadic
#D082BA #BAD082 #82BAD0
tetradic
#D082BA #D0BF82 #82D098 #8293D0
square
#D082BA #D0BF82 #82D098 #8293D0
split-complementary
#D082BA #93D082 #82D0BF
monochromatic
#9D3B81 #BF56A1 #D082BA #E1AED3 #F1DBEB

Accesibilidad y contraste

On white

2.77
#D082BA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.58
#D082BA on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #D082BA
7.58:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##D082BA#FFFFFF#000000##000000
##D082BA1.002.777.587.58
#FFFFFF2.771.0021.0021.00
#0000007.5821.001.001.00
##0000007.5821.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#8494BC
Deuteranopia (green-blind)
#98A0B8
Tritanopia (blue-blind)
#D88496
Achromatopsia (no color)
#9B9B9B

Tokens de diseño y código

CSS
--color: #d082ba;
/* rgb */ color: rgb(208, 130, 186);
/* oklch */ color: oklch(70.6% 0.119 338.0);
Tailwind
colors: {
  custom: {
    50: '#e0a8ce',
    500: '#d082ba',
    950: '#000000',
  },
}
SCSS
$custom: #d082ba;
$custom-light: #e0a8ce;
$custom-dark: #000000;
JSON
{
  "hex": "#d082ba",
  "rgb": {
    "r": 208,
    "g": 130,
    "b": 186
  },
  "hsl": {
    "h": 316.923,
    "s": 45.349,
    "l": 66.275
  },
  "oklch": {
    "l": 0.70565,
    "c": 0.11942,
    "h": 338
  },
  "luminance": 0.3292
}

Semantic roles & 50–950 ramp

primary
#D082BA
secondary
#CAE4D1
accent
#B9542D
background
#FDFAFC
surface
#FBF4F9
border
#D4CED2
text
#151013
muted
#837F82

Laboratorio de vista previa

Vista previa con #D082BA

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

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

#D082BA — Tintiva