#F4B40B

#F4B40B

Color Values

HEX

#F4B40B

RGB

244, 180, 11

HSL

43.5, 91.4%, 50.0%

HSV

43.5, 95.5%, 95.7%

CMYK

0.0%, 26.2%, 95.5%, 4.3%

OKLCH

0.8079 0.1648 82.4

Properties

Warm Light Nearest: darkgoldenrod 2

Color Harmonies

Complementary

#F4B40B

#0B4BF4

Analogous

#F43F0B

#C0F40B

#F4B40B

Triadic

#F4B40B

#0BF4B4

#B40BF4

Split Complementary

#F4B40B

#0BC0F4

#3F0BF4

Tetradic

#F4B40B

#0BF43F

#0B4BF4

#F40BC0

Color Blindness Simulation

Original

#F4B40B

Protanopia

#D8D834

Deuteranopia

#DCE13E

Tritanopia

#F1545B

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FDFAF1
100
#FBF3DF
200
#FCEABB
300
#FADB8A
400
#F7C74A
500
#F4B40B
600
#C39009
700
#9C7307
800
#7A5A05
900
#584209
950
#382A05

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.38:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026