#F5C58F

#F5C58F

Color Values

HEX

#F5C58F

RGB

245, 197, 143

HSL

31.8, 83.6%, 76.1%

HSV

31.8, 41.6%, 96.1%

CMYK

0.0%, 19.6%, 41.6%, 3.9%

OKLCH

0.8534 0.0886 69.5

Properties

Warm Light Nearest: burlywood 2

Color Harmonies

Complementary

#F5C58F

#8FBFF5

Analogous

#F5928F

#F2F58F

#F5C58F

Triadic

#F5C58F

#8FF5C5

#C58FF5

Split Complementary

#F5C58F

#8FF2F5

#928FF5

Tetradic

#F5C58F

#8FF592

#8FBFF5

#F58FF2

Color Blindness Simulation

Original

#F5C58F

Protanopia

#E0E09C

Deuteranopia

#E3E79F

Tritanopia

#F3A6A9

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#F9DDBD
300
#F5C58F
400
#F0A552
500
#EA8615
600
#BB6B11
700
#96560D
800
#75430A
900
#55330C
950
#362008

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.27:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026