#B340B0

#B340B0

Color Values

HEX

#B340B0

RGB

179, 64, 176

HSL

301.6, 47.3%, 47.6%

HSV

301.6, 64.2%, 70.2%

CMYK

0.0%, 64.2%, 1.7%, 29.8%

OKLCH

0.5728 0.1972 328.8

Properties

Warm Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#B340B0

#40B343

Analogous

#7C40B3

#B34076

#B340B0

Triadic

#B340B0

#B0B340

#40B0B3

Split Complementary

#B340B0

#76B340

#40B37C

Tetradic

#B340B0

#B37C40

#40B343

#4076B3

Color Blindness Simulation

Original

#B340B0

Protanopia

#818095

Deuteranopia

#88908E

Tritanopia

#AD7F7B

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#ECCAEB
300
#DFA5DD
400
#CD74CB
500
#BC43B9
600
#963694
700
#782B76
800
#5E225C
900
#451C44
950
#2C122B

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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