#F3CF0C

#F3CF0C

Color Values

HEX

#F3CF0C

RGB

243, 207, 12

HSL

50.6, 90.6%, 50.0%

HSV

50.6, 95.1%, 95.3%

CMYK

0.0%, 14.8%, 95.1%, 4.7%

OKLCH

0.8596 0.1755 96.2

Properties

Warm Light Nearest: gold 2

Color Harmonies

Complementary

#F3CF0C

#0C30F3

Analogous

#F35B0C

#A4F30C

#F3CF0C

Triadic

#F3CF0C

#0CF3CF

#CF0CF3

Split Complementary

#F3CF0C

#0CA4F3

#5B0CF3

Tetradic

#F3CF0C

#0CF35B

#0C30F3

#F30CA4

Color Blindness Simulation

Original

#F3CF0C

Protanopia

#E3E33B

Deuteranopia

#E6E846

Tritanopia

#F16069

Achromatopsia

#C9C9C9

CSS Usage

background-color: #F3CF0C;
color: #F3CF0C;
border-color: #F3CF0C;
Nearest Tailwind: Yellow 400 #FACC15

Tailwind Shades

50
#FDFBF1
100
#FBF7DF
200
#FCF2BB
300
#F9E88A
400
#F6DB4B
500
#F3CF0C
600
#C2A50A
700
#9C8408
800
#7A6706
900
#584C09
950
#383006

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.74:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026