#F7BDE9

Color con nombre más cercano: Light Lavendar (#EFC0FE). oklch(86.4% 0.087 335.1), rgb(247, 189, 233).

Aa

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

Sobre este color

#F7BDE9 es un rosa claro y moderadamente saturado. En OKLCH, su luminosidad es 86%, su croma 0.087 y su matiz 335°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Light Lavendar (#EFC0FE), a una distancia de ΔE 0.030. El texto negro es el que mejor se lee sobre este color, con 13.41:1.

Familia de matizRosas
Luminosidadclaro (86%)
Cromamoderadamente saturado (0.087)
Temperaturacálido
Nombre más cercanoLight Lavendar (#EFC0FE)
Texto negro13.41:1
Texto blanco1.56:1

Valores

HEX#F7BDE9
RGBrgb(247, 189, 233)
HSLhsl(314, 78%, 85%)
OKLCHoklch(86.4% 0.087 335.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 #F7BDE9 1.56:1 No cumple Lc -29.2 Solo divisores y decoración
Texto negro sobre #F7BDE9 13.41:1 AAA Lc 78.0 Bueno para texto de cuerpo
Texto #F7BDE9 sobre blanco 1.56:1 No cumple Lc 25.8 Solo divisores y decoración
Texto #F7BDE9 sobre negro 13.41:1 AAA Lc -77.3 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

    #FCF2F9

    oklch(97.1% 0.014 336.1)

  2. Paso 100

    100

    #F8E2F3

    oklch(93.5% 0.033 333.6)

  3. Paso 200

    200 (este color)

    #F7BDE9

    oklch(86.4% 0.087 335.1)

  4. Paso 300

    300

    #EEA5DD

    oklch(80.9% 0.112 335.3)

  5. Paso 400

    400

    #E26FCC

    oklch(70.6% 0.18 335.1)

  6. Paso 500

    500

    #D73FBF

    oklch(63.2% 0.23 335.1)

  7. Paso 600

    600

    #C100AA

    oklch(55.6% 0.247 335.1)

  8. Paso 700

    700

    #A30090

    oklch(49.1% 0.218 334.9)

  9. Paso 800

    800

    #870076

    oklch(42.7% 0.19 335.3)

  10. Paso 900

    900

    #6D1360

    oklch(37.7% 0.149 335)

  11. Paso 950

    950

    #400E38

    oklch(26.9% 0.095 335)

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

#F7BDE9 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)#BDCAEB0.085
Deuteranopía (sin conos verdes)#CAD2E70.080
Tritanopía (sin conos azules)#FDBFCC0.043
Acromatopsia (sin color)#CECECE0.088

Armonías

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

Complementario

El matiz opuesto (180°).

  • #F7BDE9

    #F7BDE9

    oklch(86.4% 0.087 335.1)

  • #A4E4BA

    #A4E4BA

    oklch(86.4% 0.087 155.4)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #F7BDE9

    #F7BDE9

    oklch(86.4% 0.087 335.1)

  • #DFC5FF

    #DFC5FF

    oklch(86.4% 0.084 305.1)

  • #FFBECB

    #FFBECB

    oklch(86.4% 0.076 5.5)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #F7BDE9

    #F7BDE9

    oklch(86.4% 0.087 335.1)

  • #C5DD9E

    #C5DD9E

    oklch(86.4% 0.087 125.1)

  • #8DE5DA

    #8DE5DA

    oklch(86.3% 0.087 185.6)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #F7BDE9

    #F7BDE9

    oklch(86.4% 0.087 335.1)

  • #E4D290

    #E4D290

    oklch(86.3% 0.087 94.7)

  • #8CE1F6

    #8CE1F6

    oklch(86.3% 0.087 215.3)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #F7BDE9

    #F7BDE9

    oklch(86.4% 0.087 335.1)

  • #FBC795

    #FBC795

    oklch(86.4% 0.088 65.1)

  • #A4E4BA

    #A4E4BA

    oklch(86.4% 0.087 155.4)

  • #ABD8FF

    #ABD8FF

    oklch(86.4% 0.072 244.9)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #F7BDE9

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