#FCFC67#FCFC67

#FCFC67 is a very light, vivid yellow. Relative luminance 0.913; OKLCH L 96.4% C 0.168 H 109.2°. Best body text is #000000 at 19.26:1 contrast (WCAG AA passes).

Color values

HEX#FCFC67
RGBrgb(252, 252, 103)
HSLhsl(60, 96%, 70%)
HSVhsv(60, 59%, 99%)
CMYKcmyk(0%, 0%, 59.1%, 1.2%)
CIE-LABlab(96.53, -18.13, 69.35)
CIE-LCHlch(96.53, 71.68, 104.65°)
OKLaboklab(96.39% -0.0552 0.1587)
OKLCHoklch(96.39% 0.168 109.2)
XYZxyz(77.4058, 91.2976, 26.3740)
Luminance0.9130 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FCFC67 #6767FC
analogous
#FCB267 #FCFC67 #B2FC67
triadic
#FCFC67 #67FCFC #FC67FC
tetradic
#FCFC67 #67FCB2 #6767FC #FC67B2
square
#FCFC67 #67FCB2 #6767FC #FC67B2
split-complementary
#FCFC67 #67B2FC #B267FC
monochromatic
#E4E405 #FBFB2B #FCFC67 #FDFDA3 #FEFEDF

Accessibility & contrast

On white

1.09
#FCFC67 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

19.26
#FCFC67 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FCFC67
19.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FCFC67#FFFFFF#000000##000000
##FCFC671.001.0919.2619.26
#FFFFFF1.091.0021.0021.00
#00000019.2621.001.001.00
##00000019.2621.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF256
Deuteranopia (green-blind)
#FFF770
Tritanopia (blue-blind)
#FFEDDC
Achromatopsia (no color)
#F5F5F5

Design tokens & code

CSS
--color: #fcfc67;
/* rgb */ color: rgb(252, 252, 103);
/* oklch */ color: oklch(96.4% 0.168 109.2);
Tailwind
colors: {
  custom: {
    50: '#fffd98',
    500: '#fcfc67',
    950: '#000000',
  },
}
SCSS
$custom: #fcfc67;
$custom-light: #fffd98;
$custom-dark: #000000;
JSON
{
  "hex": "#fcfc67",
  "rgb": {
    "r": 252,
    "g": 252,
    "b": 103
  },
  "hsl": {
    "h": 60,
    "s": 96.129,
    "l": 69.608
  },
  "oklch": {
    "l": 0.96385,
    "c": 0.16803,
    "h": 109.2
  },
  "luminance": 0.91296
}

Semantic roles & 50–950 ramp

primary
#FCFC67
secondary
#3131D7
accent
#00E600
background
#FFFFFC
surface
#FFFFF5
border
#D7D7CF
text
#18170E
muted
#86857F

Preview Lab

Preview with #FCFC67

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

Preview Lab → · Contrast checker → · Palette generator →

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