#F5C68F

#F5C68F

Color Values

HEX

#F5C68F

RGB

245, 198, 143

HSL

32.4, 83.6%, 76.1%

HSV

32.4, 41.6%, 96.1%

CMYK

0.0%, 19.2%, 41.6%, 3.9%

OKLCH

0.8553 0.0888 70.6

Properties

Warm Light Nearest: burlywood 2

Color Harmonies

Complementary

#F5C68F

#8FBEF5

Analogous

#F5938F

#F1F58F

#F5C68F

Triadic

#F5C68F

#8FF5C6

#C68FF5

Split Complementary

#F5C68F

#8FF1F5

#938FF5

Tetradic

#F5C68F

#8FF593

#8FBEF5

#F58FF1

Color Blindness Simulation

Original

#F5C68F

Protanopia

#E1E09C

Deuteranopia

#E3E7A0

Tritanopia

#F3A7A9

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#F9DEBD
300
#F5C68F
400
#F0A752
500
#EA8815
600
#BB6D11
700
#96570D
800
#75440A
900
#55330C
950
#362008

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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