#F4D08F

#F4D08F

Color Values

HEX

#F4D08F

RGB

244, 208, 143

HSL

38.6, 82.1%, 75.9%

HSV

38.6, 41.4%, 95.7%

CMYK

0.0%, 14.8%, 41.4%, 4.3%

OKLCH

0.8737 0.0918 81.8

Properties

Warm Light Nearest: NCS S 0530-Y Medium Yellow

Color Harmonies

Complementary

#F4D08F

#8FB3F4

Analogous

#F49E8F

#E6F48F

#F4D08F

Triadic

#F4D08F

#8FF4D0

#D08FF4

Split Complementary

#F4D08F

#8FE6F4

#9E8FF4

Tetradic

#F4D08F

#8FF49E

#8FB3F4

#F48FE6

Color Blindness Simulation

Original

#F4D08F

Protanopia

#E4E49F

Deuteranopia

#E6E9A2

Tritanopia

#F2ABAE

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF1E1
200
#F9E4BE
300
#F4D090
400
#EEB753
500
#E89E17
600
#BA7E12
700
#95650F
800
#744F0B
900
#543B0D
950
#352508

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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