#F5F155#F5F155

#F5F155 is a very light, vivid yellow. Relative luminance 0.830; OKLCH L 93.4% C 0.171 H 107.9°. Best body text is #000000 at 17.60:1 contrast (WCAG AA passes).

Color values

HEX#F5F155
RGBrgb(245, 241, 85)
HSLhsl(59, 89%, 65%)
HSVhsv(59, 65%, 96%)
CMYKcmyk(0%, 1.6%, 65.3%, 3.9%)
CIE-LABlab(93.01, -16.71, 72.60)
CIE-LCHlch(93.01, 74.50, 102.96°)
OKLaboklab(93.4% -0.0526 0.1632)
OKLCHoklch(93.4% 0.171 107.9)
XYZxyz(70.7537, 82.9812, 20.8825)
Luminance0.8298 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F5F155 #5559F5
analogous
#F5A155 #F5F155 #A9F555
triadic
#F5F155 #55F5F1 #F155F5
tetradic
#F5F155 #55F5A1 #5559F5 #F555A9
square
#F5F155 #55F5A1 #5559F5 #F555A9
split-complementary
#F5F155 #55A9F5 #A155F5
monochromatic
#C4BF0C #F2EC1B #F5F155 #F8F68F #FCFBC9

Accessibility & contrast

On white

1.19
#F5F155 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.60
#F5F155 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F5F155
17.60:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F5F155#FFFFFF#000000##000000
##F5F1551.001.1917.6017.60
#FFFFFF1.191.0021.0021.00
#00000017.6021.001.001.00
##00000017.6021.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFE83F
Deuteranopia (green-blind)
#FFEE5F
Tritanopia (blue-blind)
#FFE2D1
Achromatopsia (no color)
#EBEBEB

Design tokens & code

CSS
--color: #f5f155;
/* rgb */ color: rgb(245, 241, 85);
/* oklch */ color: oklch(93.4% 0.171 107.9);
Tailwind
colors: {
  custom: {
    50: '#fcf58d',
    500: '#f5f155',
    950: '#000000',
  },
}
SCSS
$custom: #f5f155;
$custom-light: #fcf58d;
$custom-dark: #000000;
JSON
{
  "hex": "#f5f155",
  "rgb": {
    "r": 245,
    "g": 241,
    "b": 85
  },
  "hsl": {
    "h": 58.5,
    "s": 88.889,
    "l": 64.706
  },
  "oklch": {
    "l": 0.93396,
    "c": 0.17147,
    "h": 107.9
  },
  "luminance": 0.82979
}

Semantic roles & 50–950 ramp

primary
#F5F155
secondary
#2D31C1
accent
#06E600
background
#FFFFFC
surface
#FFFEF4
border
#D7D6CE
text
#18170D
muted
#86857F

Preview Lab

Preview with #F5F155

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

Preview Lab → · Contrast checker → · Palette generator →

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