#FBD592#FBD592

#FBD592 is a very light, moderate orange. Relative luminance 0.702; OKLCH L 89.0% C 0.095 H 81.2°. Best body text is #000000 at 15.03:1 contrast (WCAG AA passes).

Color values

HEX	#FBD592
RGB	rgb(251, 213, 146)
HSL	hsl(38, 93%, 78%)
HSV	hsv(38, 42%, 98%)
CMYK	cmyk(0%, 15.1%, 41.8%, 1.6%)
CIE-LAB	lab(87.08, 4.55, 38.02)
CIE-LCH	lch(87.08, 38.30, 83.18°)
OKLab	oklab(89.04% 0.0145 0.0934)
OKLCH	oklch(89.04% 0.095 81.2)
XYZ	xyz(68.7683, 70.1762, 37.1116)
Luminance	0.7017 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#FBD592 #92B8FB

analogous

#FBA192 #FBD592 #ECFB92

triadic

#FBD592 #92FBD5 #D592FB

tetradic

#FBD592 #92FBA1 #92B8FB #FB92EC

square

#FBD592 #92FBA1 #92B8FB #FB92EC

split-complementary

#FBD592 #92ECFB #A192FB

monochromatic

#F7A81C #F9BE57 #FBD592 #FDECCD #FEF4E1

Accessibility & contrast

On white

1.40

#FBD592 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

15.03

#FBD592 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FBD592

15.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##FBD592	#FFFFFF	#000000	##000000
##FBD592	1.00	1.40	15.03	15.03
#FFFFFF	1.40	1.00	21.00	21.00
#000000	15.03	21.00	1.00	1.00
##000000	15.03	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#E6D58D

Deuteranopia (green-blind)

#EFDE94

Tritanopia (blue-blind)

#FFC9C4

Achromatopsia (no color)

#DADADA

Design tokens & code

CSS

--color: #fbd592;
/* rgb */ color: rgb(251, 213, 146);
/* oklch */ color: oklch(89.0% 0.095 81.2);

Tailwind

colors: {
  custom: {
    50: '#fee1b2',
    500: '#fbd592',
    950: '#000000',
  },
}

SCSS

$custom: #fbd592;
$custom-light: #fee1b2;
$custom-dark: #000000;

JSON

{
  "hex": "#fbd592",
  "rgb": {
    "r": 251,
    "g": 213,
    "b": 146
  },
  "hsl": {
    "h": 38.286,
    "s": 92.92,
    "l": 77.843
  },
  "oklch": {
    "l": 0.89039,
    "c": 0.09456,
    "h": 81.2
  },
  "luminance": 0.70173
}

Semantic roles & 50–950 ramp

primary

#FBD592

secondary

#5686DB

accent

#53E600

background

#FFFEFD

surface

#FFFCF8

border

#D7D5D1

text

#181511

muted

#868481

Preview Lab

Preview with #FBD592

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

Preview Lab → · Contrast checker → · Palette generator →