#FFAB00

#FFAB00

Color Values

HEX

#FFAB00

RGB

255, 171, 0

HSL

40.2, 100.0%, 50.0%

HSV

40.2, 100.0%, 100.0%

CMYK

0.0%, 32.9%, 100.0%, 0.0%

OKLCH

0.8034 0.1704 73.8

Properties

Warm Light Nearest: orange

Color Harmonies

Complementary

#FFAB00

#0054FF

Analogous

#FF2B00

#D4FF00

#FFAB00

Triadic

#FFAB00

#00FFAB

#AB00FF

Split Complementary

#FFAB00

#00D4FF

#2B00FF

Tetradic

#FFAB00

#00FF2B

#0054FF

#FF00D4

Color Blindness Simulation

Original

#FFAB00

Protanopia

#DBDA29

Deuteranopia

#E0E633

Tritanopia

#FB4A51

Achromatopsia

#B1B1B1

CSS Usage

background-color: #FFAB00;
color: #FFAB00;
border-color: #FFAB00;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FEFAF1
100
#FCF2DE
200
#FFE7B8
300
#FFD785
400
#FFC142
500
#FFAB00
600
#CC8900
700
#A36D00
800
#805500
900
#5C3F05
950
#3A2803

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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