#F6F552#F6F552

#F6F552 is a very light, vivid yellow. Relative luminance 0.855; OKLCH L 94.3% C 0.177 H 109.0°. Best body text is #000000 at 18.10:1 contrast (WCAG AA passes).

Color values

HEX#F6F552
RGBrgb(246, 245, 82)
HSLhsl(60, 90%, 64%)
HSVhsv(60, 67%, 96%)
CMYKcmyk(0%, 0.4%, 66.7%, 3.5%)
CIE-LABlab(94.10, -18.40, 74.86)
CIE-LCHlch(94.10, 77.09, 103.81°)
OKLaboklab(94.28% -0.0577 0.1675)
OKLCHoklch(94.28% 0.177 109)
XYZxyz(72.1839, 85.5090, 20.6835)
Luminance0.8551 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F6F552 #5253F6
analogous
#F6A352 #F6F552 #A5F652
triadic
#F6F552 #52F6F5 #F552F6
tetradic
#F6F552 #52F6A3 #5253F6 #F652A5
square
#F6F552 #52F6A3 #5253F6 #F652A5
split-complementary
#F6F552 #52A5F6 #A352F6
monochromatic
#C3C20A #F3F218 #F6F552 #F9F88C #FCFCC6

Accessibility & contrast

On white

1.16
#F6F552 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.10
#F6F552 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F6F552
18.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F6F552#FFFFFF#000000##000000
##F6F5521.001.1618.1018.10
#FFFFFF1.161.0021.0021.00
#00000018.1021.001.001.00
##00000018.1021.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEB39
Deuteranopia (green-blind)
#FFF15D
Tritanopia (blue-blind)
#FFE6D4
Achromatopsia (no color)
#EEEEEE

Design tokens & code

CSS
--color: #f6f552;
/* rgb */ color: rgb(246, 245, 82);
/* oklch */ color: oklch(94.3% 0.177 109.0);
Tailwind
colors: {
  custom: {
    50: '#fdf88b',
    500: '#f6f552',
    950: '#000000',
  },
}
SCSS
$custom: #f6f552;
$custom-light: #fdf88b;
$custom-dark: #000000;
JSON
{
  "hex": "#f6f552",
  "rgb": {
    "r": 246,
    "g": 245,
    "b": 82
  },
  "hsl": {
    "h": 59.634,
    "s": 90.11,
    "l": 64.314
  },
  "oklch": {
    "l": 0.94283,
    "c": 0.17713,
    "h": 109
  },
  "luminance": 0.85507
}

Semantic roles & 50–950 ramp

primary
#F6F552
secondary
#2C2DC1
accent
#01E600
background
#FFFFFC
surface
#FFFEF4
border
#D7D6CE
text
#18170D
muted
#86857F

Preview Lab

Preview with #F6F552

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

Preview Lab → · Contrast checker → · Palette generator →

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