#F1BD9C

#F1BD9C

Color Values

HEX

#F1BD9C

RGB

241, 189, 156

HSL

23.3, 75.2%, 77.8%

HSV

23.3, 35.3%, 94.5%

CMYK

0.0%, 21.6%, 35.3%, 5.5%

OKLCH

0.8369 0.0747 53.8

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#F1BD9C

#9CD0F1

Analogous

#F19CA5

#F1E79C

#F1BD9C

Triadic

#F1BD9C

#9CF1BD

#BD9CF1

Split Complementary

#F1BD9C

#9CF1E7

#9CA5F1

Tetradic

#F1BD9C

#A5F19C

#9CD0F1

#E79CF1

Color Blindness Simulation

Original

#F1BD9C

Protanopia

#DADAA4

Deuteranopia

#DEE1A6

Tritanopia

#EEAAAC

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FCF6F2
100
#F9EBE2
200
#F6D5C0
300
#F0B894
400
#E8915A
500
#DF6A20
600
#B35519
700
#8F4414
800
#703510
900
#512910
950
#331A0A

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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