#FFF342

#FFF342

Color Values

HEX

#FFF342

RGB

255, 243, 66

HSL

56.2, 100.0%, 62.9%

HSV

56.2, 74.1%, 100.0%

CMYK

0.0%, 4.7%, 74.1%, 0.0%

OKLCH

0.9451 0.1833 105.4

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FFF342

#424EFF

Analogous

#FF9442

#ACFF42

#FFF342

Triadic

#FFF342

#42FFF3

#F342FF

Split Complementary

#FFF342

#42ACFF

#9442FF

Tetradic

#FFF342

#42FF94

#424EFF

#FF42AC

Color Blindness Simulation

Original

#FFF342

Protanopia

#FAFA6D

Deuteranopia

#FAFB77

Tritanopia

#FE8F96

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADE
200
#FFFAB8
300
#FFF785
400
#FFF342
500
#FFEF00
600
#CCBF00
700
#A39900
800
#807700
900
#5C5705
950
#3A3703

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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