#FFB418

#FFB418

Color Values

HEX

#FFB418

RGB

255, 180, 24

HSL

40.5, 100.0%, 54.7%

HSV

40.5, 90.6%, 100.0%

CMYK

0.0%, 29.4%, 90.6%, 0.0%

OKLCH

0.8202 0.1671 77.7

Properties

Warm Light Nearest: darkgoldenrod 1

Color Harmonies

Complementary

#FFB418

#1863FF

Analogous

#FF4018

#D7FF18

#FFB418

Triadic

#FFB418

#18FFB4

#B418FF

Split Complementary

#FFB418

#18D7FF

#4018FF

Tetradic

#FFB418

#18FF40

#1863FF

#FF18D7

Color Blindness Simulation

Original

#FFB418

Protanopia

#DFDE3E

Deuteranopia

#E3E847

Tritanopia

#FB5C62

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF2DE
200
#FFE8B8
300
#FFD785
400
#FFC242
500
#FFAC00
600
#CC8A00
700
#A36E00
800
#805600
900
#5C4005
950
#3A2803

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.79:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026