#B94658

#B94658

Color Values

HEX

#B94658

RGB

185, 70, 88

HSL

350.6, 45.1%, 50.0%

HSV

350.6, 62.2%, 72.5%

CMYK

0.0%, 62.2%, 52.4%, 27.5%

OKLCH

0.5547 0.1487 14.0

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#B94658

#46B9A7

Analogous

#B94692

#B96D46

#B94658

Triadic

#B94658

#58B946

#4658B9

Split Complementary

#B94658

#46B96D

#4692B9

Tetradic

#B94658

#92B946

#46B9A7

#6D46B9

Color Blindness Simulation

Original

#B94658

Protanopia

#878654

Deuteranopia

#8E9653

Tritanopia

#B3504F

Achromatopsia

#606060

CSS Usage

background-color: #B94658;
color: #B94658;
border-color: #B94658;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FAF4F5
100
#F4E6E8
200
#EBCBD0
300
#DDA6AF
400
#CB7683
500
#B94658
600
#943846
700
#762D38
800
#5D232C
900
#441D23
950
#2B1216

Contrast Checker

Text on white

5.15:1

AA Pass AAA Fail

Text on black

4.08:1

AA Fail AAA Fail

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