#F4C288

#F4C288

Color Values

HEX

#F4C288

RGB

244, 194, 136

HSL

32.2, 83.1%, 74.5%

HSV

32.2, 44.3%, 95.7%

CMYK

0.0%, 20.5%, 44.3%, 4.3%

OKLCH

0.8455 0.0938 70.2

Properties

Warm Light Nearest: burlywood 2

Color Harmonies

Complementary

#F4C288

#88BAF4

Analogous

#F48C88

#F0F488

#F4C288

Triadic

#F4C288

#88F4C2

#C288F4

Split Complementary

#F4C288

#88F0F4

#8C88F4

Tetradic

#F4C288

#88F48C

#88BAF4

#F488F0

Color Blindness Simulation

Original

#F4C288

Protanopia

#DEDE96

Deuteranopia

#E1E599

Tritanopia

#F1A1A4

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE1
200
#F9DDBE
300
#F5C68F
400
#EFA652
500
#E98716
600
#BB6C11
700
#95570E
800
#75440B
900
#55330C
950
#352008

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.92:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026