#FEF186

#FEF186

Color Values

HEX

#FEF186

RGB

254, 241, 134

HSL

53.5, 98.4%, 76.1%

HSV

53.5, 47.2%, 99.6%

CMYK

0.0%, 5.1%, 47.2%, 0.4%

OKLCH

0.9466 0.1293 102.4

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FEF186

#8693FE

Analogous

#FEB586

#CFFE86

#FEF186

Triadic

#FEF186

#86FEF1

#F186FE

Split Complementary

#FEF186

#86CFFE

#B586FE

Tetradic

#FEF186

#86FEB5

#8693FE

#FE86CF

Color Blindness Simulation

Original

#FEF186

Protanopia

#F8F8A0

Deuteranopia

#F9FAA6

Tritanopia

#FDB4B9

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF9DE
200
#FEF7B8
300
#FEF186
400
#FDE944
500
#FDE202
600
#CAB502
700
#A29001
800
#7E7101
900
#5B5206
950
#3A3404

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

18.14:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026