#F59064#F59064

#F59064 is a light, vivid orange. Relative luminance 0.403; OKLCH L 75.1% C 0.136 H 43.8°. Best body text is #000000 at 9.06:1 contrast (WCAG AA passes).

Color values

HEX#F59064
RGBrgb(245, 144, 100)
HSLhsl(18, 88%, 68%)
HSVhsv(18, 59%, 96%)
CMYKcmyk(0%, 41.2%, 59.2%, 3.9%)
CIE-LABlab(69.67, 34.17, 39.59)
CIE-LCHlch(69.67, 52.30, 49.20°)
OKLaboklab(75.13% 0.0982 0.0941)
OKLCHoklch(75.13% 0.136 43.8)
XYZxyz(49.9334, 40.2841, 17.2000)
Luminance0.4028 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F59064 #64C9F5
analogous
#F56480 #F59064 #F5D964
triadic
#F59064 #64F590 #9064F5
tetradic
#F59064 #80F564 #64C9F5 #D964F5
square
#F59064 #80F564 #64C9F5 #D964F5
split-complementary
#F59064 #64F5D9 #6480F5
monochromatic
#D1490D #F1672B #F59064 #F9B99D #FCE2D7

Accessibility & contrast

On white

2.32
#F59064 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.06
#F59064 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F59064
9.06:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F59064#FFFFFF#000000##000000
##F590641.002.329.069.06
#FFFFFF2.321.0021.0021.00
#0000009.0621.001.001.00
##0000009.0621.001.001.00

Color blindness preview

Protanopia (red-blind)
#AB9D60
Deuteranopia (green-blind)
#C3B363
Tritanopia (blue-blind)
#FF7D85
Achromatopsia (no color)
#AAAAAA

Design tokens & code

CSS
--color: #f59064;
/* rgb */ color: rgb(245, 144, 100);
/* oklch */ color: oklch(75.1% 0.136 43.8);
Tailwind
colors: {
  custom: {
    50: '#fdb191',
    500: '#f59064',
    950: '#000000',
  },
}
SCSS
$custom: #f59064;
$custom-light: #fdb191;
$custom-dark: #000000;
JSON
{
  "hex": "#f59064",
  "rgb": {
    "r": 245,
    "g": 144,
    "b": 100
  },
  "hsl": {
    "h": 18.207,
    "s": 87.879,
    "l": 67.647
  },
  "oklch": {
    "l": 0.75134,
    "c": 0.13599,
    "h": 43.8
  },
  "luminance": 0.40279
}

Semantic roles & 50–950 ramp

primary
#F59064
secondary
#C4E3F1
accent
#9FE401
background
#FFFBF8
surface
#FFF6F0
border
#D7D0CB
text
#19110D
muted
#87807D

Preview Lab

Preview with #F59064

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

Preview Lab → · Contrast checker → · Palette generator →

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