#B24EB6

#B24EB6

Color Values

HEX

#B24EB6

RGB

178, 78, 182

HSL

297,7, 41,6%, 51,0%

HSV

297,7, 57,1%, 71,4%

CMYK

2,2%, 57,1%, 0,0%, 28,6%

OKLCH

0,5908 0,1819 326,1

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#B24EB6

#52B64E

Analogous

#7E4EB6

#B64E86

#B24EB6

Triadic

#B24EB6

#B6B24E

#4EB6B2

Split Complementary

#B24EB6

#86B64E

#4EB67E

Tetradic

#B24EB6

#B67E4E

#52B64E

#4E86B6

Color Blindness Simulation

Original

#B24EB6

Protanopia

#87869D

Deuteranopia

#8C9497

Tritanopia

#AD8985

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#E9CCEA
300
#D9A8DB
400
#C579C8
500
#B04AB5
600
#8D3C90
700
#713074
800
#58255A
900
#411E43
950
#29132A

Contrast Checker

Text on white

4,51:1

AA Pass AAA Fail

Text on black

4,66:1

AA Pass 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