#F59CF5

#F59CF5

Valores de color

HEX

#F59CF5

RGB

245, 156, 245

HSL

300,0, 81,7%, 78,6%

HSV

300,0, 36,3%, 96,1%

CMYK

0,0%, 36,3%, 0,0%, 3,9%

OKLCH

0,8113 0,1539 326,9

Propiedades

Cálido Claro Más cercano: violet

Psicología del color

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

Armonías de color

Complementario

#F59CF5

#9CF59C

Análogo

#C89CF5

#F59CC8

#F59CF5

Triádico

#F59CF5

#F5F59C

#9CF5F5

Complementario dividido

#F59CF5

#C8F59C

#9CF5C8

Tetrádico

#F59CF5

#F5C89C

#9CF59C

#9CC8F5

Simulación de daltonismo

Original

#F59CF5

Protanopía

#CECEDF

Deuteranopía

#D4DADA

Tritanopía

#F1CECB

Acromatopsia

#B5B5B5

Uso de CSS

background-color: #F59CF5;

color: #F59CF5;

border-color: #F59CF5;

Tailwind más cercano: Fuchsia 300 #F0ABFC

Tonos Tailwind

Verificador de contraste

Texto sobre blanco

1,92:1

AA Fail AAA Fail

Texto sobre negro

10,96:1

AA Pass AAA Pass

Comparar con

Artículos relacionados

CSS color-mix(): Mezcla Colores Nativamente en el Navegador

Ene 26, 2026

Construyendo un Selector de Color como Web Component desde Cero

Ene 21, 2026

Espacios de Color Perceptuales: Lab, LCH, Oklab, OKLCH

Ene 15, 2026

Preguntas frecuentes

What are the RGB, HSL, and CMYK values of #F59CF5?

RGB(245, 156, 245) · HSL(300,0, 81,7%, 78,6%) · CMYK(0,0%, 36,3%, 0,0%, 3,9%)

Does #F59CF5 meet WCAG contrast on white?

1,92:1 — WCAG AA Fallido, AAA Fallido for normal text.

What text color is readable on #F59CF5?

Use 000000 text on a #F59CF5 background; contrast on black is 10,96:1.