#FAEE48

#FAEE48

Color Values

HEX

#FAEE48

RGB

250, 238, 72

HSL

56.0, 94.7%, 63.1%

HSV

56.0, 71.2%, 98.0%

CMYK

0.0%, 4.8%, 71.2%, 2.0%

OKLCH

0.931 0.1763 105.2

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FAEE48

#4854FA

Analogous

#FA9548

#ADFA48

#FAEE48

Triadic

#FAEE48

#48FAEE

#EE48FA

Split Complementary

#FAEE48

#48ADFA

#9548FA

Tetradic

#FAEE48

#48FA95

#4854FA

#FA48AD

Color Blindness Simulation

Original

#FAEE48

Protanopia

#F5F570

Deuteranopia

#F6F67A

Tritanopia

#F99097

Achromatopsia

#E5E5E5

CSS Usage

background-color: #FAEE48;
color: #FAEE48;
border-color: #FAEE48;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FEFDF1
100
#FCFADF
200
#FDF9B9
300
#FCF488
400
#FAEE47
500
#F8E807
600
#C7BA05
700
#9F9504
800
#7C7403
900
#5A5407
950
#393505

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.39: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