#F3A680#F3A680

#F3A680 is a light, moderate orange. Relative luminance 0.479; OKLCH L 79.1% C 0.105 H 47.0°. Best body text is #000000 at 10.58:1 contrast (WCAG AA passes).

Color values

HEX#F3A680
RGBrgb(243, 166, 128)
HSLhsl(20, 83%, 73%)
HSVhsv(20, 47%, 95%)
CMYKcmyk(0%, 31.7%, 47.3%, 4.7%)
CIE-LABlab(74.76, 24.20, 31.15)
CIE-LCHlch(74.76, 39.44, 52.16°)
OKLaboklab(79.14% 0.0716 0.0768)
OKLCHoklch(79.14% 0.105 47)
XYZxyz(54.4974, 47.8898, 26.7913)
Luminance0.4789 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F3A680 #80CDF3
analogous
#F38093 #F3A680 #F3DF80
triadic
#F3A680 #80F3A6 #A680F3
tetradic
#F3A680 #93F380 #80CDF3 #DF80F3
square
#F3A680 #93F380 #80CDF3 #DF80F3
split-complementary
#F3A680 #80F3DF #8093F3
monochromatic
#E35915 #EE7F48 #F3A680 #F8CDB8 #FCEBE3

Accessibility & contrast

On white

1.99
#F3A680 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.58
#F3A680 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F3A680
10.58:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F3A680#FFFFFF#000000##000000
##F3A6801.001.9910.5810.58
#FFFFFF1.991.0021.0021.00
#00000010.5821.001.001.00
##00000010.5821.001.001.00

Color blindness preview

Protanopia (red-blind)
#BAAE7D
Deuteranopia (green-blind)
#CDBE80
Tritanopia (blue-blind)
#FF999C
Achromatopsia (no color)
#B8B8B8

Design tokens & code

CSS
--color: #f3a680;
/* rgb */ color: rgb(243, 166, 128);
/* oklch */ color: oklch(79.1% 0.105 47.0);
Tailwind
colors: {
  custom: {
    50: '#fac0a5',
    500: '#f3a680',
    950: '#000000',
  },
}
SCSS
$custom: #f3a680;
$custom-light: #fac0a5;
$custom-dark: #000000;
JSON
{
  "hex": "#f3a680",
  "rgb": {
    "r": 243,
    "g": 166,
    "b": 128
  },
  "hsl": {
    "h": 19.826,
    "s": 82.734,
    "l": 72.745
  },
  "oklch": {
    "l": 0.79143,
    "c": 0.10501,
    "h": 47
  },
  "luminance": 0.47886
}

Semantic roles & 50–950 ramp

primary
#F3A680
secondary
#D7EBF4
accent
#98DF06
background
#FFFBFA
surface
#FFF7F4
border
#D7D0CE
text
#18120F
muted
#86817F

Preview Lab

Preview with #F3A680

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

Preview Lab → · Contrast checker → · Palette generator →

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