#FFB2E5

Color con nombre más cercano: Powder Pink (#FFB2D0). oklch(85.1% 0.11 339.9), rgb(255, 178, 229).

Aa

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

Sobre este color

#FFB2E5 es un rosa claro y moderadamente saturado. En OKLCH, su luminosidad es 85%, su croma 0.110 y su matiz 340°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Powder Pink (#FFB2D0), a una distancia de ΔE 0.030. El texto negro es el que mejor se lee sobre este color, con 12.75:1.

Familia de matizRosas
Luminosidadclaro (85%)
Cromamoderadamente saturado (0.110)
Temperaturacálido
Nombre más cercanoPowder Pink (#FFB2D0)
Texto negro12.75:1
Texto blanco1.64:1

Valores

HEX#FFB2E5
RGBrgb(255, 178, 229)
HSLhsl(320, 100%, 85%)
OKLCHoklch(85.1% 0.11 339.9)

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 #FFB2E5 1.64:1 No cumple Lc -32.2 Elementos que no son texto, texto de marcador de posición
Texto negro sobre #FFB2E5 12.75:1 AAA Lc 75.3 Bueno para texto de cuerpo
Texto #FFB2E5 sobre blanco 1.64:1 No cumple Lc 28.5 Solo divisores y decoración
Texto #FFB2E5 sobre negro 12.75:1 AAA Lc -74.4 Texto de contenido, no para lecturas largas

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

    #FFF1F9

    oklch(97.1% 0.018 342)

  2. Paso 100

    100

    #FEE0F3

    oklch(93.7% 0.041 339.6)

  3. Paso 200

    200 (este color)

    #FFB2E5

    oklch(85.1% 0.11 339.9)

  4. Paso 300

    300

    #FD9BDD

    oklch(80.9% 0.141 340.2)

  5. Paso 400

    400

    #F659CC

    oklch(70.7% 0.226 339.9)

  6. Paso 500

    500

    #E900BC

    oklch(63.1% 0.274 339.9)

  7. Paso 600

    600

    #C5009E

    oklch(55.6% 0.241 340)

  8. Paso 700

    700

    #A70086

    oklch(49.2% 0.214 339.9)

  9. Paso 800

    800

    #8A006E

    oklch(42.8% 0.186 340)

  10. Paso 900

    900

    #74005C

    oklch(37.7% 0.164 340)

  11. Paso 950

    950

    #470038

    oklch(26.9% 0.117 339.5)

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

#FFB2E5 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)#B5C2E70.110
Deuteranopía (sin conos verdes)#C7CEE30.103
Tritanopía (sin conos azules)#FFB3C40.047
Acromatopsia (sin color)#CACACA0.111

Armonías

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

Complementario

El matiz opuesto (180°).

  • #FFB2E5

    #FFB2E5

    oklch(85.1% 0.11 339.9)

  • #8BE5B5

    #8BE5B5

    oklch(85.2% 0.111 159.5)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #FFB2E5

    #FFB2E5

    oklch(85.1% 0.11 339.9)

  • #E2BDFF

    #E2BDFF

    oklch(85.2% 0.098 309.8)

  • #FFB8C2

    #FFB8C2

    oklch(85.1% 0.083 9.6)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #FFB2E5

    #FFB2E5

    oklch(85.1% 0.11 339.9)

  • #B7DD90

    #B7DD90

    oklch(85.2% 0.109 129.8)

  • #6CE5DE

    #6CE5DE

    oklch(85.1% 0.109 190.2)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #FFB2E5

    #FFB2E5

    oklch(85.1% 0.11 339.9)

  • #DFD079

    #DFD079

    oklch(85.1% 0.11 99.7)

  • #74DFFF

    #74DFFF

    oklch(85.2% 0.108 219.8)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #FFB2E5

    #FFB2E5

    oklch(85.1% 0.11 339.9)

  • #FDC27C

    #FDC27C

    oklch(85.3% 0.11 70.2)

  • #8BE5B5

    #8BE5B5

    oklch(85.2% 0.111 159.5)

  • #A9D3FF

    #A9D3FF

    oklch(85.2% 0.076 249.9)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #FFB2E5

Estas paletas y degradados seleccionados contienen exactamente #FFB2E5. 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 #FFB2E5 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.