#FFBD3E

#FFBD3E

Color Values

HEX

#FFBD3E

RGB

255, 189, 62

HSL

39.5, 100.0%, 62.2%

HSV

39.5, 75.7%, 100.0%

CMYK

0.0%, 25.9%, 75.7%, 0.0%

OKLCH

0.8386 0.1545 79.5

Properties

Warm Light Nearest: goldenrod 2

Color Harmonies

Complementary

#FFBD3E

#3E80FF

Analogous

#FF5D3E

#E0FF3E

#FFBD3E

Triadic

#FFBD3E

#3EFFBD

#BD3EFF

Split Complementary

#FFBD3E

#3EE0FF

#5D3EFF

Tetradic

#FFBD3E

#3EFF5D

#3E80FF

#FF3EE0

Color Blindness Simulation

Original

#FFBD3E

Protanopia

#E2E25D

Deuteranopia

#E6EB64

Tritanopia

#FC757A

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF2DE
200
#FFE7B8
300
#FFD585
400
#FFBF42
500
#FFA800
600
#CC8600
700
#A36B00
800
#805400
900
#5C3E05
950
#3A2703

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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