#F89F52#F89F52

#F89F52 es un color claro y vivo de la familia naranja. Luminancia relativa 0.454; OKLCH L 77.8% C 0.140 H 59.2°. El mejor color de texto es #000000 con contraste 10.07:1 (cumple WCAG AA).

Valores del color

HEX#F89F52
RGBrgb(248, 159, 82)
HSLhsl(28, 92%, 65%)
HSVhsv(28, 67%, 97%)
CMYKcmyk(0%, 35.9%, 66.9%, 2.7%)
CIE-LABlab(73.13, 26.41, 52.81)
CIE-LCHlch(73.13, 59.05, 63.44°)
OKLaboklab(77.82% 0.0718 0.1206)
OKLCHoklch(77.82% 0.14 59.2)
XYZxyz(52.6365, 45.3669, 13.9656)
Luminance0.4536 (WCAG relative)
Temperaturewarm
Familyorange

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#F89F52 #52ABF8
analogous
#F85258 #F89F52 #F8F252
triadic
#F89F52 #52F89F #9F52F8
tetradic
#F89F52 #58F852 #52ABF8 #F252F8
square
#F89F52 #58F852 #52ABF8 #F252F8
split-complementary
#F89F52 #52F8F2 #5258F8
monochromatic
#C86108 #F67E17 #F89F52 #FAC08D #FDE0C8

Accesibilidad y contraste

On white

2.08
#F89F52 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.07
#F89F52 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #F89F52
10.07:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##F89F52#FFFFFF#000000##000000
##F89F521.002.0810.0710.07
#FFFFFF2.081.0021.0021.00
#00000010.0721.001.001.00
##00000010.0721.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#BAA74A
Deuteranopia (green-blind)
#CFBC53
Tritanopia (blue-blind)
#FF8C8E
Achromatopsia (no color)
#B4B4B4

Tokens de diseño y código

CSS
--color: #f89f52;
/* rgb */ color: rgb(248, 159, 82);
/* oklch */ color: oklch(77.8% 0.140 59.2);
Tailwind
colors: {
  custom: {
    50: '#ffbb85',
    500: '#f89f52',
    950: '#000000',
  },
}
SCSS
$custom: #f89f52;
$custom-light: #ffbb85;
$custom-dark: #000000;
JSON
{
  "hex": "#f89f52",
  "rgb": {
    "r": 248,
    "g": 159,
    "b": 82
  },
  "hsl": {
    "h": 27.831,
    "s": 92.222,
    "l": 64.706
  },
  "oklch": {
    "l": 0.77815,
    "c": 0.14035,
    "h": 59.2
  },
  "luminance": 0.45362
}

Semantic roles & 50–950 ramp

primary
#F89F52
secondary
#B6D5EF
accent
#7BE600
background
#FFFBF8
surface
#FFF6EF
border
#D7D0CA
text
#19120B
muted
#87817C

Laboratorio de vista previa

Vista previa con #F89F52

Body copy rendered with the generated semantic roles for this colour.

Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →

#F89F52 — Tintiva