#FBD647

#FBD647

Color Values

HEX

#FBD647

RGB

251, 214, 71

HSL

47.7, 95.7%, 63.1%

HSV

47.7, 71.7%, 98.4%

CMYK

0.0%, 14.7%, 71.7%, 1.6%

OKLCH

0.8835 0.1588 94.1

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FBD647

#476CFB

Analogous

#FB7C47

#C6FB47

#FBD647

Triadic

#FBD647

#47FBD6

#D647FB

Split Complementary

#FBD647

#47C6FB

#7C47FB

Tetradic

#FBD647

#47FB7C

#476CFB

#FB47C6

Color Blindness Simulation

Original

#FBD647

Protanopia

#EBEB6A

Deuteranopia

#EDF072

Tritanopia

#F9858B

Achromatopsia

#D4D4D4

CSS Usage

background-color: #FBD647;
color: #FBD647;
border-color: #FBD647;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FEFBF1
100
#FCF6DF
200
#FDEFB9
300
#FCE487
400
#FBD646
500
#FAC705
600
#C8A004
700
#A08004
800
#7D6403
900
#5A4907
950
#392E04

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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