#F0C58D

#F0C58D

Color Values

HEX

#F0C58D

RGB

240, 197, 141

HSL

33.9, 76.7%, 74.7%

HSV

33.9, 41.2%, 94.1%

CMYK

0.0%, 17.9%, 41.2%, 5.9%

OKLCH

0.8482 0.0872 73.5

Properties

Warm Light Nearest: burlywood 2

Color Harmonies

Complementary

#F0C58D

#8DB8F0

Analogous

#F0938D

#EAF08D

#F0C58D

Triadic

#F0C58D

#8DF0C5

#C58DF0

Split Complementary

#F0C58D

#8DEAF0

#938DF0

Tetradic

#F0C58D

#8DF093

#8DB8F0

#F08DEA

Color Blindness Simulation

Original

#F0C58D

Protanopia

#DDDD9B

Deuteranopia

#E0E39E

Tritanopia

#EEA5A8

Achromatopsia

#CACACA

CSS Usage

background-color: #F0C58D;
color: #F0C58D;
border-color: #F0C58D;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FCF8F2
100
#F9EFE2
200
#F7DFC0
300
#F1C893
400
#E9AA58
500
#E18C1E
600
#B47018
700
#905A13
800
#71460F
900
#52350F
950
#342109

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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