#FBFA86

#FBFA86

Color Values

HEX

#FBFA86

RGB

251, 250, 134

HSL

59.5, 93.6%, 75.5%

HSV

59.5, 46.6%, 98.4%

CMYK

0.0%, 0.4%, 46.6%, 1.6%

OKLCH

0.9624 0.1387 108.3

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FBFA86

#8687FB

Analogous

#FBC086

#C1FB86

#FBFA86

Triadic

#FBFA86

#86FBFA

#FA86FB

Split Complementary

#FBFA86

#86C1FB

#C086FB

Tetradic

#FBFA86

#86FBC0

#8687FB

#FB86C1

Color Blindness Simulation

Original

#FBFA86

Protanopia

#FBFBA2

Deuteranopia

#FBFBA9

Tritanopia

#FBB8BD

Achromatopsia

#F2F2F2

CSS Usage

background-color: #FBFA86;
color: #FBFA86;
border-color: #FBFA86;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FDFCBA
300
#FBFA89
400
#F9F748
500
#F7F508
600
#C5C407
700
#9E9D05
800
#7B7A04
900
#595908
950
#383805

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.12:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026