#725FB2#725FB2

#725FB2 es un color medio y vivo de la familia violeta. Luminancia relativa 0.150; OKLCH L 54.2% C 0.127 H 292.2°. El mejor color de texto es #FFFFFF con contraste 5.26:1 (cumple WCAG AA).

Valores del color

HEX	#725FB2
RGB	rgb(114, 95, 178)
HSL	hsl(254, 35%, 54%)
HSV	hsv(254, 47%, 70%)
CMYK	cmyk(36%, 46.6%, 0%, 30.2%)
CIE-LAB	lab(45.60, 27.17, -41.65)
CIE-LCH	lch(45.60, 49.73, 303.11°)
OKLab	oklab(54.2% 0.0478 -0.1174)
OKLCH	oklch(54.2% 0.127 292.2)
XYZ	xyz(19.0654, 14.9757, 43.9970)
Luminance	0.1498 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#725FB2 #9FB25F

analogous

#5F75B2 #725FB2 #9B5FB2

triadic

#725FB2 #B2725F #5FB272

tetradic

#725FB2 #B25F75 #9FB25F #5FB29B

square

#725FB2 #B25F75 #9FB25F #5FB29B

split-complementary

#725FB2 #B29B5F #75B25F

monochromatic

#3D3166 #56458F #725FB2 #9688C6 #BBB2DA

Accesibilidad y contraste

On white

5.26

#725FB2 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.00

#725FB2 on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #725FB2

5.26:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##725FB2	#FFFFFF	#000000	##FFFFFF
##725FB2	1.00	5.26	4.00	5.26
#FFFFFF	5.26	1.00	21.00	1.00
#000000	4.00	21.00	1.00	21.00
##FFFFFF	5.26	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#426DB5

Deuteranopia (green-blind)

#456AB0

Tritanopia (blue-blind)

#626F80

Achromatopsia (no color)

#6C6C6C

Tokens de diseño y código

CSS

--color: #725fb2;
/* rgb */ color: rgb(114, 95, 178);
/* oklch */ color: oklch(54.2% 0.127 292.2);

Tailwind

colors: {
  custom: {
    50: '#9d8cc9',
    500: '#725fb2',
    950: '#000000',
  },
}

SCSS

$custom: #725fb2;
$custom-light: #9d8cc9;
$custom-dark: #000000;

JSON

{
  "hex": "#725fb2",
  "rgb": {
    "r": 114,
    "g": 95,
    "b": 178
  },
  "hsl": {
    "h": 253.735,
    "s": 35.021,
    "l": 53.529
  },
  "oklch": {
    "l": 0.54198,
    "c": 0.12679,
    "h": 292.2
  },
  "luminance": 0.14976
}

Semantic roles & 50–950 ramp

primary

#725FB2

secondary

#C0C8A5

accent

#CB5DB2

background

#F9F8FC

surface

#F2F0F8

border

#CCCBD1

text

#0F0C13

muted

#7E7D82

Laboratorio de vista previa

Vista previa con #725FB2

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

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