#F8BDBF

#F8BDBF

Color Values

HEX

#F8BDBF

RGB

248, 189, 191

HSL

358.0, 80.8%, 85.7%

HSV

358.0, 23.8%, 97.3%

CMYK

0.0%, 23.8%, 23.0%, 2.7%

OKLCH

0.8522 0.0682 16.3

Properties

Warm Light Nearest: rosybrown 1

Color Harmonies

Complementary

#F8BDBF

#BDF8F6

Analogous

#F8BDDC

#F8D9BD

#F8BDBF

Triadic

#F8BDBF

#BFF8BD

#BDBFF8

Split Complementary

#F8BDBF

#BDF8D9

#BDDCF8

Tetradic

#F8BDBF

#DCF8BD

#BDF8F6

#D9BDF8

Color Blindness Simulation

Original

#F8BDBF

Protanopia

#DEDEBF

Deuteranopia

#E2E6BE

Tritanopia

#F5BEBE

Achromatopsia

#CACACA

CSS Usage

background-color: #F8BDBF;
color: #F8BDBF;
border-color: #F8BDBF;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FDF2F2
100
#F9E1E2
200
#F8BEC0
300
#F39094
400
#ED5459
500
#E7181F
600
#B81419
700
#941014
800
#730C10
900
#540D10
950
#35080A

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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