#FEF875

#FEF875

Color Values

HEX

#FEF875

RGB

254, 248, 117

HSL

57,4, 98,6%, 72,7%

HSV

57,4, 53,9%, 99,6%

CMYK

0,0%, 2,4%, 53,9%, 0,4%

OKLCH

0,9587 0,1521 106,5

Properties

Warm Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#FEF875

#757BFE

Analogous

#FEB375

#BFFE75

#FEF875

Triadic

#FEF875

#75FEF8

#F875FE

Split Complementary

#FEF875

#75BFFE

#B375FE

Tetradic

#FEF875

#75FEB3

#757BFE

#FE75BF

Color Blindness Simulation

Original

#FEF875

Protanopia

#FBFB95

Deuteranopia

#FCFC9C

Tritanopia

#FEAEB3

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FFFBB8
300
#FEF985
400
#FEF644
500
#FDF202
600
#CBC201
700
#A29B01
800
#7F7901
900
#5B5805
950
#3A3703

Contrast Checker

Text on white

1,11:1

AA Fail AAA Fail

Text on black

18,9: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