#F2BA91

#F2BA91

Color Values

HEX

#F2BA91

RGB

242, 186, 145

HSL

25,4, 78,9%, 75,9%

HSV

25,4, 40,1%, 94,9%

CMYK

0,0%, 23,1%, 40,1%, 5,1%

OKLCH

0,8301 0,0847 57,5

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#F2BA91

#91C9F2

Analogous

#F29198

#F2EB91

#F2BA91

Triadic

#F2BA91

#91F2BA

#BA91F2

Split Complementary

#F2BA91

#91F2EB

#9198F2

Tetradic

#F2BA91

#98F291

#91C9F2

#EB91F2

Color Blindness Simulation

Original

#F2BA91

Protanopia

#DAD99B

Deuteranopia

#DDE19D

Tritanopia

#EFA3A4

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EBE1
200
#F7D7BF
300
#F2BA92
400
#EB9556
500
#E4701B
600
#B65A16
700
#924811
800
#72380D
900
#532B0E
950
#341B09

Contrast Checker

Text on white

1,72:1

AA Fail AAA Fail

Text on black

12,21: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