#F1C288

#F1C288

Color Values

HEX

#F1C288

RGB

241, 194, 136

HSL

33.1, 78.9%, 73.9%

HSV

33.1, 43.6%, 94.5%

CMYK

0.0%, 19.5%, 43.6%, 5.5%

OKLCH

0.8426 0.0918 71.9

Properties

Warm Light Nearest: burlywood 2

Color Harmonies

Complementary

#F1C288

#88B7F1

Analogous

#F18D88

#ECF188

#F1C288

Triadic

#F1C288

#88F1C2

#C288F1

Split Complementary

#F1C288

#88ECF1

#8D88F1

Tetradic

#F1C288

#88F18D

#88B7F1

#F188EC

Color Blindness Simulation

Original

#F1C288

Protanopia

#DDDC96

Deuteranopia

#DFE399

Tritanopia

#EFA1A4

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EEE1
200
#F7DEBF
300
#F2C792
400
#EBA856
500
#E48A1B
600
#B66E16
700
#925811
800
#72450D
900
#53340E
950
#342109

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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