#F1AF52#F1AF52

#F1AF52 is a light, vivid orange. Relative luminance 0.500; OKLCH L 79.9% C 0.133 H 73.1°. Best body text is #000000 at 10.99:1 contrast (WCAG AA passes).

Color values

HEX#F1AF52
RGBrgb(241, 175, 82)
HSLhsl(35, 85%, 63%)
HSVhsv(35, 66%, 95%)
CMYKcmyk(0%, 27.4%, 66%, 5.5%)
CIE-LABlab(76.05, 15.10, 55.81)
CIE-LCHlch(76.05, 57.82, 74.86°)
OKLaboklab(79.91% 0.0388 0.1273)
OKLCHoklch(79.91% 0.133 73.1)
XYZxyz(53.1320, 49.9741, 14.8286)
Luminance0.4997 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F1AF52 #5294F1
analogous
#F15F52 #F1AF52 #E4F152
triadic
#F1AF52 #52F1AF #AF52F1
tetradic
#F1AF52 #52F15F #5294F1 #F152E4
square
#F1AF52 #52F15F #5294F1 #F152E4
split-complementary
#F1AF52 #52E4F1 #5F52F1
monochromatic
#BA730F #EC9519 #F1AF52 #F6C98B #FAE3C3

Accessibility & contrast

On white

1.91
#F1AF52 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.99
#F1AF52 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F1AF52
10.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F1AF52#FFFFFF#000000##000000
##F1AF521.001.9110.9910.99
#FFFFFF1.911.0021.0021.00
#00000010.9921.001.001.00
##00000010.9921.001.001.00

Color blindness preview

Protanopia (red-blind)
#C6B248
Deuteranopia (green-blind)
#D6C255
Tritanopia (blue-blind)
#FF9E9B
Achromatopsia (no color)
#BBBBBB

Design tokens & code

CSS
--color: #f1af52;
/* rgb */ color: rgb(241, 175, 82);
/* oklch */ color: oklch(79.9% 0.133 73.1);
Tailwind
colors: {
  custom: {
    50: '#fac686',
    500: '#f1af52',
    950: '#000000',
  },
}
SCSS
$custom: #f1af52;
$custom-light: #fac686;
$custom-dark: #000000;
JSON
{
  "hex": "#f1af52",
  "rgb": {
    "r": 241,
    "g": 175,
    "b": 82
  },
  "hsl": {
    "h": 35.094,
    "s": 85.027,
    "l": 63.333
  },
  "oklch": {
    "l": 0.79912,
    "c": 0.13304,
    "h": 73.1
  },
  "luminance": 0.4997
}

Semantic roles & 50–950 ramp

primary
#F1AF52
secondary
#B3CBEC
accent
#60E204
background
#FFFCF8
surface
#FFF8F0
border
#D7D1CB
text
#18130B
muted
#86827C

Preview Lab

Preview with #F1AF52

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

Preview Lab → · Contrast checker → · Palette generator →

#F1AF52 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva