#F3C084

#F3C084

Color Values

HEX

#F3C084

RGB

243, 192, 132

HSL

32.4, 82.2%, 73.5%

HSV

32.4, 45.7%, 95.3%

CMYK

0.0%, 21.0%, 45.7%, 4.7%

OKLCH

0.84 0.0964 70.4

Properties

Warm Light Nearest: burlywood 2

Color Harmonies

Complementary

#F3C084

#84B7F3

Analogous

#F38884

#EFF384

#F3C084

Triadic

#F3C084

#84F3C0

#C084F3

Split Complementary

#F3C084

#84EFF3

#8884F3

Tetradic

#F3C084

#84F388

#84B7F3

#F384EF

Color Blindness Simulation

Original

#F3C084

Protanopia

#DDDC93

Deuteranopia

#E0E496

Tritanopia

#F09EA0

Achromatopsia

#C7C7C7

CSS Usage

background-color: #F3C084;
color: #F3C084;
border-color: #F3C084;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FDF8F2
100
#FAEEE1
200
#F9DEBE
300
#F4C68F
400
#EEA753
500
#E88817
600
#BA6D12
700
#95570F
800
#74440B
900
#54330D
950
#352008

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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