#B00649

#B00649

Color Values

HEX

#B00649

RGB

176, 6, 73

HSL

336.4, 93.4%, 35.7%

HSV

336.4, 96.6%, 69.0%

CMYK

0.0%, 96.6%, 58.5%, 31.0%

OKLCH

0.4867 0.192 8.7

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#B00649

#06B06D

Analogous

#B0069E

#B01806

#B00649

Triadic

#B00649

#49B006

#0649B0

Split Complementary

#B00649

#06B018

#069EB0

Tetradic

#B00649

#9EB006

#06B06D

#1806B0

Color Blindness Simulation

Original

#B00649

Protanopia

#666539

Deuteranopia

#707D35

Tritanopia

#A82C29

Achromatopsia

#2F2F2F

CSS Usage

background-color: #B00649;
color: #B00649;
border-color: #B00649;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FDBAD4
300
#FB89B6
400
#F9498E
500
#F70866
600
#C50752
700
#9E0541
800
#7B0433
900
#590828
950
#380519

Contrast Checker

Text on white

7.07:1

AA Pass AAA Pass

Text on black

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