#F2BD95

#F2BD95

Color Values

HEX

#F2BD95

RGB

242, 189, 149

HSL

25.8, 78.2%, 76.7%

HSV

25.8, 38.4%, 94.9%

CMYK

0.0%, 21.9%, 38.4%, 5.1%

OKLCH

0.8365 0.081 58.4

Properties

Warm Light Nearest: NCS S 0520-Y50R Salmon

Color Harmonies

Complementary

#F2BD95

#95CAF2

Analogous

#F2959C

#F2EC95

#F2BD95

Triadic

#F2BD95

#95F2BD

#BD95F2

Split Complementary

#F2BD95

#95F2EC

#959CF2

Tetradic

#F2BD95

#9CF295

#95CAF2

#EC95F2

Color Blindness Simulation

Original

#F2BD95

Protanopia

#DBDB9F

Deuteranopia

#DEE2A1

Tritanopia

#EFA6A8

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EBE1
200
#F7D7BF
300
#F2BB92
400
#EA9657
500
#E3721C
600
#B65B16
700
#914912
800
#72390E
900
#532C0E
950
#341C09

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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