#B63F6C

#B63F6C

Color Values

HEX

#B63F6C

RGB

182, 63, 108

HSL

337.3, 48.6%, 48.0%

HSV

337.3, 65.4%, 71.4%

CMYK

0.0%, 65.4%, 40.7%, 28.6%

OKLCH

0.5471 0.1586 0.5

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#B63F6C

#3FB689

Analogous

#B63FA7

#B64D3F

#B63F6C

Triadic

#B63F6C

#6CB63F

#3F6CB6

Split Complementary

#B63F6C

#3FB64D

#3FA7B6

Tetradic

#B63F6C

#A7B63F

#3FB689

#4D3FB6

Color Blindness Simulation

Original

#B63F6C

Protanopia

#828161

Deuteranopia

#89925E

Tritanopia

#B05957

Achromatopsia

#5C5C5C

CSS Usage

background-color: #B63F6C;
color: #B63F6C;
border-color: #B63F6C;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF4F7
100
#F5E6EB
200
#EDCAD7
300
#E0A4BB
400
#CF7395
500
#BD4270
600
#98345A
700
#792A48
800
#5F2138
900
#461B2B
950
#2C111B

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

3.92:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026