#F2B822

#F2B822

Color Values

HEX

#F2B822

RGB

242, 184, 34

HSL

43.3, 88.9%, 54.1%

HSV

43.3, 86.0%, 94.9%

CMYK

0.0%, 24.0%, 86.0%, 5.1%

OKLCH

0.814 0.16 84.4

Properties

Warm Light Nearest: goldenrod 2

Color Harmonies

Complementary

#F2B822

#225CF2

Analogous

#F25022

#C4F222

#F2B822

Triadic

#F2B822

#22F2B8

#B822F2

Split Complementary

#F2B822

#22C4F2

#5022F2

Tetradic

#F2B822

#22F250

#225CF2

#F222C4

Color Blindness Simulation

Original

#F2B822

Protanopia

#D9D846

Deuteranopia

#DCE14F

Tritanopia

#EF6369

Achromatopsia

#BABABA

CSS Usage

background-color: #F2B822;
color: #F2B822;
border-color: #F2B822;
Nearest Tailwind: Amber 400 #FBBF24

Tailwind Shades

50
#FDFAF2
100
#FBF3E0
200
#FBE9BC
300
#F8DA8B
400
#F5C64D
500
#F1B20E
600
#C18E0B
700
#9A7209
800
#785907
900
#57420A
950
#372906

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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