#F4AF68#F4AF68

#F4AF68 is a light, moderate orange. Relative luminance 0.509; OKLCH L 80.5% C 0.119 H 65.5°. Best body text is #000000 at 11.18:1 contrast (WCAG AA passes).

Color values

HEX#F4AF68
RGBrgb(244, 175, 104)
HSLhsl(30, 86%, 68%)
HSVhsv(30, 57%, 96%)
CMYKcmyk(0%, 28.3%, 57.4%, 4.3%)
CIE-LABlab(76.62, 17.80, 45.97)
CIE-LCHlch(76.62, 49.29, 68.83°)
OKLaboklab(80.5% 0.0495 0.1086)
OKLCHoklch(80.5% 0.119 65.5)
XYZxyz(55.1401, 50.8967, 20.0139)
Luminance0.5089 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F4AF68 #68ADF4
analogous
#F46968 #F4AF68 #F3F468
triadic
#F4AF68 #68F4AF #AF68F4
tetradic
#F4AF68 #68F469 #68ADF4 #F468F3
square
#F4AF68 #68F469 #68ADF4 #F468F3
split-complementary
#F4AF68 #68F3F4 #6968F4
monochromatic
#D2720F #F0912F #F4AF68 #F8CDA1 #FCEBDA

Accessibility & contrast

On white

1.88
#F4AF68 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.18
#F4AF68 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F4AF68
11.18:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F4AF68#FFFFFF#000000##000000
##F4AF681.001.8811.1811.18
#FFFFFF1.881.0021.0021.00
#00000011.1821.001.001.00
##00000011.1821.001.001.00

Color blindness preview

Protanopia (red-blind)
#C5B462
Deuteranopia (green-blind)
#D6C369
Tritanopia (blue-blind)
#FF9F9E
Achromatopsia (no color)
#BDBDBD

Design tokens & code

CSS
--color: #f4af68;
/* rgb */ color: rgb(244, 175, 104);
/* oklch */ color: oklch(80.5% 0.119 65.5);
Tailwind
colors: {
  custom: {
    50: '#fbc795',
    500: '#f4af68',
    950: '#000000',
  },
}
SCSS
$custom: #f4af68;
$custom-light: #fbc795;
$custom-dark: #000000;
JSON
{
  "hex": "#f4af68",
  "rgb": {
    "r": 244,
    "g": 175,
    "b": 104
  },
  "hsl": {
    "h": 30.429,
    "s": 86.42,
    "l": 68.235
  },
  "oklch": {
    "l": 0.80501,
    "c": 0.11938,
    "h": 65.5
  },
  "luminance": 0.50893
}

Semantic roles & 50–950 ramp

primary
#F4AF68
secondary
#337FCD
accent
#71E303
background
#FFFDFC
surface
#FFF9F4
border
#D7D2CE
text
#18130D
muted
#86827F

Preview Lab

Preview with #F4AF68

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

Preview Lab → · Contrast checker → · Palette generator →

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