#F3F384

#F3F384

Color Values

HEX

#F3F384

RGB

243, 243, 132

HSL

60.0, 82.2%, 73.5%

HSV

60.0, 45.7%, 95.3%

CMYK

0.0%, 0.0%, 45.7%, 4.7%

OKLCH

0.9414 0.134 108.7

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#F3F384

#8484F3

Analogous

#F3BB84

#BBF384

#F3F384

Triadic

#F3F384

#84F3F3

#F384F3

Split Complementary

#F3F384

#84BBF3

#BB84F3

Tetradic

#F3F384

#84F3BB

#8484F3

#F384BB

Color Blindness Simulation

Original

#F3F384

Protanopia

#F3F39F

Deuteranopia

#F3F3A5

Tritanopia

#F3B4B9

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE1
200
#F9F9BE
300
#F4F48F
400
#EEEE53
500
#E8E817
600
#BABA12
700
#95950F
800
#74740B
900
#54540D
950
#353508

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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