#F7DB8D

#F7DB8D

Color Values

HEX

#F7DB8D

RGB

247, 219, 141

HSL

44.2, 86.9%, 76.1%

HSV

44.2, 42.9%, 96.9%

CMYK

0.0%, 11.3%, 42.9%, 3.1%

OKLCH

0.8977 0.102 90.4

Properties

Warm Light Nearest: NCS S 0530-Y Medium Yellow

Color Harmonies

Complementary

#F7DB8D

#8DA9F7

Analogous

#F7A68D

#DEF78D

#F7DB8D

Triadic

#F7DB8D

#8DF7DB

#DB8DF7

Split Complementary

#F7DB8D

#8DDEF7

#A68DF7

Tetradic

#F7DB8D

#8DF7A6

#8DA9F7

#F78DDE

Color Blindness Simulation

Original

#F7DB8D

Protanopia

#EBEBA0

Deuteranopia

#ECEFA4

Tritanopia

#F6AFB2

Achromatopsia

#DBDBDB

CSS Usage

background-color: #F7DB8D;
color: #F7DB8D;
border-color: #F7DB8D;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FDFAF2
100
#FAF3E0
200
#FAEABC
300
#F7DB8D
400
#F3C74F
500
#EEB411
600
#BF900D
700
#99730B
800
#775A08
900
#56420B
950
#372A07

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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