#FFB100

#FFB100

Color Values

HEX

#FFB100

RGB

255, 177, 0

HSL

41.6, 100.0%, 50.0%

HSV

41.6, 100.0%, 100.0%

CMYK

0.0%, 30.6%, 100.0%, 0.0%

OKLCH

0.8142 0.1704 76.9

Properties

Warm Light Nearest: RAL 1028 Melon Yellow

Color Harmonies

Complementary

#FFB100

#004EFF

Analogous

#FF3100

#CEFF00

#FFB100

Triadic

#FFB100

#00FFB1

#B100FF

Split Complementary

#FFB100

#00CEFF

#3100FF

Tetradic

#FFB100

#00FF31

#004EFF

#FF00CE

Color Blindness Simulation

Original

#FFB100

Protanopia

#DDDD2B

Deuteranopia

#E2E835

Tritanopia

#FB4D54

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF3DE
200
#FFE9B8
300
#FFD985
400
#FFC542
500
#FFB100
600
#CC8D00
700
#A37100
800
#805800
900
#5C4105
950
#3A2903

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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