#F2B893

#F2B893

Color Values

HEX

#F2B893

RGB

242, 184, 147

HSL

23.4, 78.5%, 76.3%

HSV

23.4, 39.3%, 94.9%

CMYK

0.0%, 24.0%, 39.3%, 5.1%

OKLCH

0.8267 0.0837 53.8

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#F2B893

#93CDF2

Analogous

#F2939E

#F2E893

#F2B893

Triadic

#F2B893

#93F2B8

#B893F2

Split Complementary

#F2B893

#93F2E8

#939EF2

Tetradic

#F2B893

#9EF293

#93CDF2

#E893F2

Color Blindness Simulation

Original

#F2B893

Protanopia

#D9D89C

Deuteranopia

#DCE19E

Tritanopia

#EFA3A5

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FCF6F2
100
#F9EBE1
200
#F7D5BF
300
#F2B792
400
#EB9057
500
#E4691B
600
#B65416
700
#924412
800
#72350E
900
#53290E
950
#341A09

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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