#F3F68E

#F3F68E

Color Values

HEX

#F3F68E

RGB

243, 246, 142

HSL

61.7, 85.2%, 76.1%

HSV

61.7, 42.3%, 96.5%

CMYK

1.2%, 0.0%, 42.3%, 3.5%

OKLCH

0.9489 0.1272 110.0

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#F3F68E

#918EF6

Analogous

#F6C58E

#BFF68E

#F3F68E

Triadic

#F3F68E

#8EF3F6

#F68EF3

Split Complementary

#F3F68E

#8EBFF6

#C58EF6

Tetradic

#F3F68E

#8EF6C5

#918EF6

#F68EBF

Color Blindness Simulation

Original

#F3F68E

Protanopia

#F4F4A7

Deuteranopia

#F4F4AD

Tritanopia

#F3BBBF

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#F9FAE0
200
#F8FABD
300
#F3F68E
400
#ECF150
500
#E6EC13
600
#B8BD0F
700
#93970C
800
#737609
900
#53560B
950
#353607

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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