#FFE642

#FFE642

Color Values

HEX

#FFE642

RGB

255, 230, 66

HSL

52.1, 100.0%, 62.9%

HSV

52.1, 74.1%, 100.0%

CMYK

0.0%, 9.8%, 74.1%, 0.0%

OKLCH

0.9188 0.1729 100.2

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FFE642

#425BFF

Analogous

#FF8742

#B9FF42

#FFE642

Triadic

#FFE642

#42FFE6

#E642FF

Split Complementary

#FFE642

#42B9FF

#8742FF

Tetradic

#FFE642

#42FF87

#425BFF

#FF42B9

Color Blindness Simulation

Original

#FFE642

Protanopia

#F4F46A

Deuteranopia

#F6F873

Tritanopia

#FE8990

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FFF6B8
300
#FFEF85
400
#FFE642
500
#FFDD00
600
#CCB100
700
#A38E00
800
#806F00
900
#5C5105
950
#3A3303

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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