#FDBF02

#FDBF02

Color Values

HEX

#FDBF02

RGB

253, 191, 2

HSL

45,2, 98,4%, 50,0%

HSV

45,2, 99,2%, 99,2%

CMYK

0,0%, 24,5%, 99,2%, 0,8%

OKLCH

0,8382 0,1716 84,8

Properties

Warm Light Nearest: darkgoldenrod 1

Color Harmonies

Complementary

#FDBF02

#0240FD

Analogous

#FD4202

#BDFD02

#FDBF02

Triadic

#FDBF02

#02FDBF

#BF02FD

Split Complementary

#FDBF02

#02BDFD

#4202FD

Tetradic

#FDBF02

#02FD42

#0240FD

#FD02BD

Color Blindness Simulation

Original

#FDBF02

Protanopia

#E2E230

Deuteranopia

#E6EA3B

Tritanopia

#FA545C

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DE
200
#FEEDB8
300
#FEE086
400
#FDD044
500
#FDBF02
600
#CA9902
700
#A27A01
800
#7E6001
900
#5B4606
950
#3A2C04

Contrast Checker

Text on white

1,66:1

AA Fail AAA Fail

Text on black

12,63: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