#F7F5B0

#F7F5B0

Color Values

HEX

#F7F5B0

RGB

247, 245, 176

HSL

58.3, 81.6%, 82.9%

HSV

58.3, 28.7%, 96.9%

CMYK

0.0%, 0.8%, 28.7%, 3.1%

OKLCH

0.9556 0.0876 106.5

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#F7F5B0

#B0B2F7

Analogous

#F7D1B0

#D5F7B0

#F7F5B0

Triadic

#F7F5B0

#B0F7F5

#F5B0F7

Split Complementary

#F7F5B0

#B0D5F7

#D1B0F7

Tetradic

#F7F5B0

#B0F7D1

#B0B2F7

#F7B0D5

Color Blindness Simulation

Original

#F7F5B0

Protanopia

#F6F6C1

Deuteranopia

#F6F6C5

Tritanopia

#F7CED1

Achromatopsia

#F0F0F0

CSS Usage

background-color: #F7F5B0;
color: #F7F5B0;
border-color: #F7F5B0;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FDFCF2
100
#FAF9E1
200
#F8F7BE
300
#F4F190
400
#EEE954
500
#E8E217
600
#B9B513
700
#94900F
800
#74710C
900
#54520D
950
#353408

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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