#FF7E5F
Color con nombre más cercano: Melon (#FF7855). oklch(73.6% 0.164 34.7), rgb(255, 126, 95).
Aa
El texto negro es el que mejor se lee sobre este color (8.40:1).
Sobre este color
#FF7E5F es un rojo medio-claro y vívido. En OKLCH, su luminosidad es 74%, su croma 0.164 y su matiz 35°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Melon (#FF7855), a una distancia de ΔE 0.013. El texto negro es el que mejor se lee sobre este color, con 8.40:1.
| Familia de matiz | Rojos |
| Luminosidad | medio-claro (74%) |
| Croma | vívido (0.164) |
| Temperatura | cálido |
| Nombre más cercano | Melon (#FF7855) |
| Texto negro | 8.40:1 |
| Texto blanco | 2.49:1 |
Valores
| HEX | #FF7E5F |
| RGB | rgb(255, 126, 95) |
| HSL | hsl(12, 100%, 69%) |
| OKLCH | oklch(73.6% 0.164 34.7) |
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ón | WCAG 2 | Resultado | APCA | Guía APCA |
|---|---|---|---|---|
| Texto blanco sobre #FF7E5F | 2.49:1 | No cumple | Lc -53.6 | Texto grande o en negrita, títulos |
| Texto negro sobre #FF7E5F | 8.40:1 | AAA | Lc 55.5 | Texto grande o en negrita, títulos |
| Texto #FF7E5F sobre blanco | 2.49:1 | No cumple | Lc 48.5 | Texto grande o en negrita, títulos |
| Texto #FF7E5F sobre negro | 8.40:1 | AAA | Lc -53.5 | Texto grande o en negrita, títulos |
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 400.
-
Paso 50
50
#FEF2EF
oklch(97% 0.014 34.3)
-
Paso 100
100
#FDE3DD
oklch(93.5% 0.03 33.1)
-
Paso 200
200
#FCCCC0
oklch(88.4% 0.057 34.4)
-
Paso 300
300
#FBA994
oklch(81% 0.102 35)
-
Paso 400
400 (este color)
#FF7E5F
oklch(73.6% 0.164 34.7)
-
Paso 500
500
#ED461A
oklch(63.2% 0.21 34.6)
-
Paso 600
600
#CC3200
oklch(55.5% 0.196 34.7)
-
Paso 700
700
#AD2900
oklch(49.1% 0.173 34.7)
-
Paso 800
800
#8F2000
oklch(42.7% 0.151 34.7)
-
Paso 900
900
#781900
oklch(37.6% 0.133 34.6)
-
Paso 950
950
#481104
oklch(27.1% 0.087 35.1)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
#FF7E5F 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ón | Se ve como | Cambio (ΔE) |
|---|---|---|
| Protanopía (sin conos rojos) | #9F935C | 0.164 |
| Deuteranopía (sin conos verdes) | #BFAE5C | 0.150 |
| Tritanopía (sin conos azules) | #FF6677 | 0.066 |
| Acromatopsia (sin color) | #A4A4A4 | 0.165 |
Armonías
Rotaciones de matiz en OKLCH que conservan la luminosidad y el croma de este color.
Complementario
El matiz opuesto (180°).
- #FF7E5F
#FF7E5F
oklch(73.6% 0.164 34.7)
- #00BDDC
#00BDDC
oklch(73.5% 0.13 215.1)
Análogo
Matices vecinos, 30° a cada lado.
Complementario dividido
Los dos matices junto al complementario (150° y 210°).
Triádico
Tres matices separados por 120°.
Paletas y degradados que usan #FF7E5F
Estas paletas y degradados seleccionados contienen exactamente #FF7E5F. 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.
- Melon #FF7855 ΔE 0.013
- Coral #FF7F50 ΔE 0.017
- Salmon #FA8072 ΔE 0.022
- Pinkish Orange #FF724C ΔE 0.026
- Orange Pink #FF6F52 ΔE 0.029
- Salmon Pink #FE7B7C ΔE 0.038
- Light Coral #F08080 ΔE 0.046
- Dusty Orange #F0833A ΔE 0.049
Usa #FF7E5F 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.