#FFBD00

#FFBD00

Color Values

HEX

#FFBD00

RGB

255, 189, 0

HSL

44.5, 100.0%, 50.0%

HSV

44.5, 100.0%, 100.0%

CMYK

0.0%, 25.9%, 100.0%, 0.0%

OKLCH

0.8365 0.172 83.1

Properties

Warm Light Nearest: darkgoldenrod 1

Color Harmonies

Complementary

#FFBD00

#0042FF

Analogous

#FF3E00

#C1FF00

#FFBD00

Triadic

#FFBD00

#00FFBD

#BD00FF

Split Complementary

#FFBD00

#00C1FF

#3E00FF

Tetradic

#FFBD00

#00FF3E

#0042FF

#FF00C1

Color Blindness Simulation

Original

#FFBD00

Protanopia

#E2E22E

Deuteranopia

#E6EB39

Tritanopia

#FC525A

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF4DE
200
#FFEDB8
300
#FFDF85
400
#FFCE42
500
#FFBD00
600
#CC9700
700
#A37900
800
#805F00
900
#5C4605
950
#3A2C03

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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