#905E80#905E80

#905E80 es un color medio y moderadamente saturado de la familia rosa. Luminancia relativa 0.155; OKLCH L 54.7% C 0.080 H 339.4°. El mejor color de texto es #FFFFFF con contraste 5.12:1 (cumple WCAG AA).

Valores del color

HEX	#905E80
RGB	rgb(144, 94, 128)
HSL	hsl(319, 21%, 47%)
HSV	hsv(319, 35%, 56%)
CMYK	cmyk(0%, 34.7%, 11.1%, 43.5%)
CIE-LAB	lab(46.30, 25.84, -10.62)
CIE-LCH	lch(46.30, 27.94, 337.65°)
OKLab	oklab(54.73% 0.0751 -0.0283)
OKLCH	oklch(54.73% 0.08 339.4)
XYZ	xyz(19.4005, 15.4942, 22.3867)
Luminance	0.1549 (WCAG relative)
Temperature	warm
Family	pink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#905E80 #5E906E

analogous

#875E90 #905E80 #905E67

triadic

#905E80 #80905E #5E8090

tetradic

#905E80 #90875E #5E906E #5E6790

square

#905E80 #90875E #5E906E #5E6790

split-complementary

#905E80 #67905E #5E9087

monochromatic

#462E3E #6B465F #905E80 #AC7F9E #C4A4BA

Accesibilidad y contraste

On white

5.12

#905E80 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.10

#905E80 on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #905E80

5.12:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##905E80	#FFFFFF	#000000	##FFFFFF
##905E80	1.00	5.12	4.10	5.12
#FFFFFF	5.12	1.00	21.00	1.00
#000000	4.10	21.00	1.00	21.00
##FFFFFF	5.12	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#606981

Deuteranopia (green-blind)

#6C717F

Tritanopia (blue-blind)

#965F6A

Achromatopsia (no color)

#6E6E6E

Tokens de diseño y código

CSS

--color: #905e80;
/* rgb */ color: rgb(144, 94, 128);
/* oklch */ color: oklch(54.7% 0.080 339.4);

Tailwind

colors: {
  custom: {
    50: '#b18ca4',
    500: '#905e80',
    950: '#000000',
  },
}

SCSS

$custom: #905e80;
$custom-light: #b18ca4;
$custom-dark: #000000;

JSON

{
  "hex": "#905e80",
  "rgb": {
    "r": 144,
    "g": 94,
    "b": 128
  },
  "hsl": {
    "h": 319.2,
    "s": 21.008,
    "l": 46.667
  },
  "oklch": {
    "l": 0.54727,
    "c": 0.08022,
    "h": 339.4
  },
  "luminance": 0.15493
}

Semantic roles & 50–950 ramp

primary

#905E80

secondary

#98B2A0

accent

#BE856A

background

#FBF8FA

surface

#F6F0F4

border

#D0CBCE

text

#110C0F

muted

#807D7F

Laboratorio de vista previa

Vista previa con #905E80

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

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