#B0299E

#B0299E

Color Values

HEX

#B0299E

RGB

176, 41, 158

HSL

308.0, 62.2%, 42.5%

HSV

308.0, 76.7%, 69.0%

CMYK

0.0%, 76.7%, 10.2%, 31.0%

OKLCH

0.538 0.2087 334.3

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#B0299E

#29B03B

Analogous

#7E29B0

#B0295A

#B0299E

Triadic

#B0299E

#9EB029

#299EB0

Split Complementary

#B0299E

#5AB029

#29B07E

Tetradic

#B0299E

#B07E29

#29B03B

#295AB0

Color Blindness Simulation

Original

#B0299E

Protanopia

#767482

Deuteranopia

#7D887B

Tritanopia

#A96B66

Achromatopsia

#4E4E4E

CSS Usage

background-color: #B0299E;
color: #B0299E;
border-color: #B0299E;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF3FA
100
#F7E4F4
200
#F2C5EC
300
#E89CDE
400
#DB66CC
500
#CF30BA
600
#A52795
700
#841F77
800
#67185D
900
#4C1544
950
#300D2B

Contrast Checker

Text on white

5.74:1

AA Pass AAA Fail

Text on black

3.66:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026