#FBAF04

#FBAF04

Color Values

HEX

#FBAF04

RGB

251, 175, 4

HSL

41,5, 96,9%, 50,0%

HSV

41,5, 98,4%, 98,4%

CMYK

0,0%, 30,3%, 98,4%, 1,6%

OKLCH

0,8061 0,1679 77,2

Properties

Warm Light Nearest: RAL 1028 Melon Yellow

Color Harmonies

Complementary

#FBAF04

#0450FB

Analogous

#FB3304

#CCFB04

#FBAF04

Triadic

#FBAF04

#04FBAF

#AF04FB

Split Complementary

#FBAF04

#04CCFB

#3304FB

Tetradic

#FBAF04

#04FB33

#0450FB

#FB04CC

Color Blindness Simulation

Original

#FBAF04

Protanopia

#DAD92D

Deuteranopia

#DEE437

Tritanopia

#F74E55

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF3DE
200
#FEE9B9
300
#FDD986
400
#FCC445
500
#FBAF04
600
#C98C03
700
#A17003
800
#7E5702
900
#5B4106
950
#392904

Contrast Checker

Text on white

1,87:1

AA Fail AAA Fail

Text on black

11,24:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026