#F3D491

#F3D491

Color Values

HEX

#F3D491

RGB

243, 212, 145

HSL

41.0, 80.3%, 76.1%

HSV

41.0, 40.3%, 95.3%

CMYK

0.0%, 12.8%, 40.3%, 4.7%

OKLCH

0.8809 0.0916 85.7

Properties

Warm Light Nearest: NCS S 0530-Y Medium Yellow

Color Harmonies

Complementary

#F3D491

#91B0F3

Analogous

#F3A391

#E1F391

#F3D491

Triadic

#F3D491

#91F3D4

#D491F3

Split Complementary

#F3D491

#91E1F3

#A391F3

Tetradic

#F3D491

#91F3A3

#91B0F3

#F391E1

Color Blindness Simulation

Original

#F3D491

Protanopia

#E6E5A1

Deuteranopia

#E7EAA5

Tritanopia

#F1AEB1

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#F9F2E1
200
#F8E6BF
300
#F3D491
400
#ECBC55
500
#E6A519
600
#B88414
700
#936A10
800
#73530D
900
#533D0D
950
#352708

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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