#FFEC32

Color con nombre más cercano: Off Yellow (#F1F33F). oklch(93% 0.185 103.1), rgb(255, 236, 50).

Aa

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

Sobre este color

#FFEC32 es un amarillo muy claro y vívido. En OKLCH, su luminosidad es 93%, su croma 0.185 y su matiz 103°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Off Yellow (#F1F33F), a una distancia de ΔE 0.023. El texto negro es el que mejor se lee sobre este color, con 17.29:1.

Familia de matizAmarillos
Luminosidadmuy claro (93%)
Cromavívido (0.185)
Temperaturacálido
Nombre más cercanoOff Yellow (#F1F33F)
Texto negro17.29:1
Texto blanco1.21:1

Valores

HEX#FFEC32
RGBrgb(255, 236, 50)
HSLhsl(54, 100%, 60%)
OKLCHoklch(93% 0.185 103.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 #FFEC32 1.21:1 No cumple Lc -12.1 No legible
Texto negro sobre #FFEC32 17.29:1 AAA Lc 93.2 Ideal para texto de cuerpo
Texto #FFEC32 sobre blanco 1.21:1 No cumple Lc 10.3 No legible
Texto #FFEC32 sobre negro 17.29:1 AAA Lc -93.8 Ideal 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 100.

  1. Paso 50

    50

    #F9F7DF

    oklch(97.1% 0.031 103.1)

  2. Paso 100

    100 (este color)

    #FFEC32

    oklch(93% 0.185 103.1)

  3. Paso 200

    200

    #E9DD6F

    oklch(88.5% 0.132 103.1)

  4. Paso 300

    300

    #D5C400

    oklch(80.9% 0.17 103.2)

  5. Paso 400

    400

    #B2A300

    oklch(70.6% 0.148 102.9)

  6. Paso 500

    500

    #998C00

    oklch(63.2% 0.133 102.9)

  7. Paso 600

    600

    #807500

    oklch(55.5% 0.117 103)

  8. Paso 700

    700

    #6C6200

    oklch(49% 0.103 102.5)

  9. Paso 800

    800

    #585000

    oklch(42.6% 0.089 102.9)

  10. Paso 900

    900

    #494300

    oklch(37.7% 0.08 103.8)

  11. Paso 950

    950

    #2C2700

    oklch(27% 0.057 102.1)

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

#FFEC32 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)#FFE4000.020
Deuteranopía (sin conos verdes)#FFED420.007
Tritanopía (sin conos azules)#FFDBCB0.166
Acromatopsia (sin color)#E9E9E90.185

Armonías

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

Complementario

El matiz opuesto (180°).

  • #FFEC32

    #FFEC32

    oklch(93% 0.185 103.1)

  • #E4E6FF

    #E4E6FF

    oklch(93.1% 0.034 282.1)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #FFEC32

    #FFEC32

    oklch(93% 0.185 103.1)

  • #FFE3C0

    #FFE3C0

    oklch(93% 0.055 73.2)

  • #BCFF8A

    #BCFF8A

    oklch(93% 0.163 133.1)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #FFEC32

    #FFEC32

    oklch(93% 0.185 103.1)

  • #D8EAFF

    #D8EAFF

    oklch(93% 0.034 252.3)

  • #F3DFFF

    #F3DFFF

    oklch(92.9% 0.048 313)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #FFEC32

    #FFEC32

    oklch(93% 0.185 103.1)

  • #C7F0FF

    #C7F0FF

    oklch(93.1% 0.047 222)

  • #FFDCF0

    #FFDCF0

    oklch(92.9% 0.046 342.7)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #FFEC32

    #FFEC32

    oklch(93% 0.185 103.1)

  • #89FFFC

    #89FFFC

    oklch(93% 0.108 193.3)

  • #E4E6FF

    #E4E6FF

    oklch(93.1% 0.034 282.1)

  • #FFDFE1

    #FFDFE1

    oklch(93.1% 0.036 13.5)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #FFEC32

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