#F1B799

Color con nombre más cercano: Pale Salmon (#FFB19A). oklch(82.5% 0.079 48.6), rgb(241, 183, 153).

Aa

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

Sobre este color

#F1B799 es un naranja claro y moderadamente saturado. En OKLCH, su luminosidad es 83%, su croma 0.079 y su matiz 49°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Pale Salmon (#FFB19A), a una distancia de ΔE 0.026. El texto negro es el que mejor se lee sobre este color, con 11.97:1.

Familia de matizNaranjas
Luminosidadclaro (83%)
Cromamoderadamente saturado (0.079)
Temperaturacálido
Nombre más cercanoPale Salmon (#FFB19A)
Texto negro11.97:1
Texto blanco1.75:1

Valores

HEX#F1B799
RGBrgb(241, 183, 153)
HSLhsl(20, 76%, 77%)
OKLCHoklch(82.5% 0.079 48.6)

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 #F1B799 1.75:1 No cumple Lc -35.9 Elementos que no son texto, texto de marcador de posición
Texto negro sobre #F1B799 11.97:1 AAA Lc 71.9 Texto de contenido, no para lecturas largas
Texto #F1B799 sobre blanco 1.75:1 No cumple Lc 32.0 Elementos que no son texto, texto de marcador de posición
Texto #F1B799 sobre negro 11.97:1 AAA Lc -70.7 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 300.

  1. Paso 50

    50

    #FCF4EF

    oklch(97.2% 0.011 54.5)

  2. Paso 100

    100

    #F7E6DD

    oklch(93.6% 0.022 49.9)

  3. Paso 200

    200

    #F2D1C0

    oklch(88.4% 0.044 48.9)

  4. Paso 300

    300 (este color)

    #F1B799

    oklch(82.5% 0.079 48.6)

  5. Paso 400

    400

    #DF8756

    oklch(70.7% 0.126 48.9)

  6. Paso 500

    500

    #D46518

    oklch(63.1% 0.161 48.7)

  7. Paso 600

    600

    #B65100

    oklch(55.5% 0.15 48.4)

  8. Paso 700

    700

    #9A4400

    oklch(49.2% 0.132 48.7)

  9. Paso 800

    800

    #7F3700

    oklch(42.8% 0.115 48.9)

  10. Paso 900

    900

    #6B2D00

    oklch(37.8% 0.102 48.7)

  11. Paso 950

    950

    #401A04

    oklch(27% 0.068 47.6)

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

#F1B799 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)#C6BC970.065
Deuteranopía (sin conos verdes)#D4C8990.059
Tritanopía (sin conos azules)#FFADAF0.050
Acromatopsia (sin color)#C3C3C30.079

Armonías

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

Complementario

El matiz opuesto (180°).

  • #F1B799

    #F1B799

    oklch(82.5% 0.079 48.6)

  • #8ED0EF

    #8ED0EF

    oklch(82.4% 0.08 229)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #F1B799

    #F1B799

    oklch(82.5% 0.079 48.6)

  • #F5B2B2

    #F5B2B2

    oklch(82.6% 0.079 18.9)

  • #E2C08B

    #E2C08B

    oklch(82.5% 0.079 78.4)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #F1B799

    #F1B799

    oklch(82.5% 0.079 48.6)

  • #85D6D9

    #85D6D9

    oklch(82.5% 0.079 198.8)

  • #A7C8F9

    #A7C8F9

    oklch(82.6% 0.078 258.1)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #F1B799

    #F1B799

    oklch(82.5% 0.079 48.6)

  • #92D7BC

    #92D7BC

    oklch(82.6% 0.08 168)

  • #C3BEF7

    #C3BEF7

    oklch(82.5% 0.08 288.5)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #F1B799

    #F1B799

    oklch(82.5% 0.079 48.6)

  • #ACD3A1

    #ACD3A1

    oklch(82.6% 0.08 138.9)

  • #8ED0EF

    #8ED0EF

    oklch(82.4% 0.08 229)

  • #DCB6E7

    #DCB6E7

    oklch(82.5% 0.079 318.6)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #F1B799

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