#FBB8FE

Color con nombre más cercano: Light Lavendar (#EFC0FE). oklch(86.6% 0.119 325.1), rgb(251, 184, 254).

Aa

El texto negro es el que mejor se lee sobre este color (13.38:1).

Sobre este color

#FBB8FE es un morado claro y moderadamente saturado. En OKLCH, su luminosidad es 87%, su croma 0.119 y su matiz 325°. Su matiz queda entre las mitades cálida y fría de la rueda. El color con nombre más cercano es Light Lavendar (#EFC0FE), a una distancia de ΔE 0.025. El texto negro es el que mejor se lee sobre este color, con 13.38:1.

Familia de matizMorados
Luminosidadclaro (87%)
Cromamoderadamente saturado (0.119)
Temperaturaintermedio
Nombre más cercanoLight Lavendar (#EFC0FE)
Texto negro13.38:1
Texto blanco1.56:1

Valores

HEX#FBB8FE
RGBrgb(251, 184, 254)
HSLhsl(297, 97%, 86%)
OKLCHoklch(86.6% 0.119 325.1)

Contraste

Las relaciones de contraste de WCAG 2 son el objetivo de conformidad: AA exige 4.5:1 para texto de cuerpo y 3:1 para texto grande; AAA exige 7:1. Los valores Lc de APCA son una guía complementaria de los borradores de WCAG 3.

CombinaciónWCAG 2ResultadoAPCAGuía APCA
Texto blanco sobre #FBB8FE 1.56:1 No cumple Lc -29.2 Solo divisores y decoración
Texto negro sobre #FBB8FE 13.38:1 AAA Lc 77.9 Bueno para texto de cuerpo
Texto #FBB8FE sobre blanco 1.56:1 No cumple Lc 25.9 Solo divisores y decoración
Texto #FBB8FE sobre negro 13.38:1 AAA Lc -77.2 Bueno para texto de cuerpo

Tintes y tonos

Una escala de 50 a 950 creada en OKLCH: el matiz se mantiene, la luminosidad sigue una curva parecida a la de Tailwind v4 y cada paso permanece dentro de la gama sRGB. Este color está en el paso 200.

  1. Paso 50

    50

    #FDF1FD

    oklch(97.1% 0.02 325.7)

  2. Paso 100

    100

    #FAE0FA

    oklch(93.5% 0.044 325.9)

  3. Paso 200

    200 (este color)

    #FBB8FE

    oklch(86.6% 0.119 325.1)

  4. Paso 300

    300

    #F29CF6

    oklch(80.8% 0.153 325.3)

  5. Paso 400

    400

    #E85AF1

    oklch(70.7% 0.244 325.3)

  6. Paso 500

    500

    #DA00E7

    oklch(63.1% 0.295 325.2)

  7. Paso 600

    600

    #B800C3

    oklch(55.6% 0.26 325.3)

  8. Paso 700

    700

    #9B00A5

    oklch(49% 0.229 325.1)

  9. Paso 800

    800

    #800088

    oklch(42.6% 0.199 325.2)

  10. Paso 900

    900

    #6C0073

    oklch(37.8% 0.176 325.2)

  11. Paso 950

    950

    #420047

    oklch(27% 0.126 324.9)

Exporta esta escala para Tailwind con la herramienta de colores de Tailwind

#FBB8FE con daltonismo

Simulado con el modelo de Machado et al. (2009). ΔE es cuánto se desplaza el color: por debajo de 0.02 aproximadamente no notarías el cambio.

VisiónSe ve comoCambio (ΔE)
Protanopía (sin conos rojos)#B3C9FF0.105
Deuteranopía (sin conos verdes)#C2D1FC0.097
Tritanopía (sin conos azules)#FFBED10.070
Acromatopsia (sin color)#CECECE0.119

Armonías

Rotaciones de matiz en OKLCH que conservan la luminosidad y el croma de este color.

Complementario

El matiz opuesto (180°).

  • #FBB8FE

    #FBB8FE

    oklch(86.6% 0.119 325.1)

  • #A1E8A3

    #A1E8A3

    oklch(86.7% 0.118 145.1)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #FBB8FE

    #FBB8FE

    oklch(86.6% 0.119 325.1)

  • #D6CAFF

    #D6CAFF

    oklch(86.6% 0.074 295.2)

  • #FFBED6

    #FFBED6

    oklch(86.7% 0.08 354.9)

Abre la paleta análoga en el generador

Complementario dividido

Los dos matices junto al complementario (150° y 210°).

  • #FBB8FE

    #FBB8FE

    oklch(86.6% 0.119 325.1)

  • #D0DD7F

    #D0DD7F

    oklch(86.7% 0.119 115.4)

  • #73EDCF

    #73EDCF

    oklch(86.7% 0.119 175.1)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #FBB8FE

    #FBB8FE

    oklch(86.6% 0.119 325.1)

  • #F7CD73

    #F7CD73

    oklch(86.6% 0.119 84.9)

  • #62E9F8

    #62E9F8

    oklch(86.5% 0.118 205.4)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #FBB8FE

    #FBB8FE

    oklch(86.6% 0.119 325.1)

  • #FFC59E

    #FFC59E

    oklch(86.6% 0.084 55.2)

  • #A1E8A3

    #A1E8A3

    oklch(86.7% 0.118 145.1)

  • #A1DCFF

    #A1DCFF

    oklch(86.6% 0.077 234.9)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #FBB8FE

Estas paletas y degradados seleccionados contienen exactamente #FBB8FE. Abre uno para ver el esquema de color completo que lo rodea.

Degradados

Colores con nombre similares

Las ocho entradas más cercanas de nuestra lista de colores con nombre, con su distancia ΔE.

Usa #FBB8FE en tu producto

Conviértelo en roles de interfaz claros y oscuros con el contraste verificado y expórtalos a Tailwind v4, shadcn/ui, CSS o design tokens.