#F3B40C

#F3B40C

Color Values

HEX

#F3B40C

RGB

243, 180, 12

HSL

43.6, 90.6%, 50.0%

HSV

43.6, 95.1%, 95.3%

CMYK

0.0%, 25.9%, 95.1%, 4.7%

OKLCH

0.8068 0.1643 82.8

Properties

Warm Light Nearest: darkgoldenrod 2

Color Harmonies

Complementary

#F3B40C

#0C4BF3

Analogous

#F3400C

#BFF30C

#F3B40C

Triadic

#F3B40C

#0CF3B4

#B40CF3

Split Complementary

#F3B40C

#0CBFF3

#400CF3

Tetradic

#F3B40C

#0CF340

#0C4BF3

#F30CBF

Color Blindness Simulation

Original

#F3B40C

Protanopia

#D8D735

Deuteranopia

#DBE03E

Tritanopia

#F0555C

Achromatopsia

#B5B5B5

CSS Usage

background-color: #F3B40C;
color: #F3B40C;
border-color: #F3B40C;
Nearest Tailwind: Yellow 500 #EAB308

Tailwind Shades

50
#FDFAF1
100
#FBF3DF
200
#FCEABB
300
#F9DB8A
400
#F6C74B
500
#F3B40C
600
#C2900A
700
#9C7308
800
#7A5A06
900
#584209
950
#382A06

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.34:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026