#F5D58F

#F5D58F

Color Values

HEX

#F5D58F

RGB

245, 213, 143

HSL

41.2, 83.6%, 76.1%

HSV

41.2, 41.6%, 96.1%

CMYK

0.0%, 13.1%, 41.6%, 3.9%

OKLCH

0.8844 0.0951 85.9

Properties

Warm Light Nearest: NCS S 0530-Y Medium Yellow

Color Harmonies

Complementary

#F5D58F

#8FAFF5

Analogous

#F5A28F

#E2F58F

#F5D58F

Triadic

#F5D58F

#8FF5D5

#D58FF5

Split Complementary

#F5D58F

#8FE2F5

#A28FF5

Tetradic

#F5D58F

#8FF5A2

#8FAFF5

#F58FE2

Color Blindness Simulation

Original

#F5D58F

Protanopia

#E7E7A0

Deuteranopia

#E9EBA4

Tritanopia

#F3ADB0

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF2E0
200
#F9E6BD
300
#F5D58F
400
#F0BE52
500
#EAA715
600
#BB8611
700
#966B0D
800
#75540A
900
#553E0C
950
#362708

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026