#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
RGB	rgb(246, 245, 82)
HSL	hsl(60, 90%, 64%)
HSV	hsv(60, 67%, 96%)
CMYK	cmyk(0%, 0.4%, 66.7%, 3.5%)
CIE-LAB	lab(94.10, -18.40, 74.86)
CIE-LCH	lch(94.10, 77.09, 103.81°)
OKLab	oklab(94.28% -0.0577 0.1675)
OKLCH	oklch(94.28% 0.177 109)
XYZ	xyz(72.1839, 85.5090, 20.6835)
Luminance	0.8551 (WCAG relative)
Temperature	warm
Family	yellow

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
##F6F552	1.00	1.16	18.10	18.10
#FFFFFF	1.16	1.00	21.00	21.00
#000000	18.10	21.00	1.00	1.00
##000000	18.10	21.00	1.00	1.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 →