#B368EB

#B368EB

Color Values

HEX

#B368EB

RGB

179, 104, 235

HSL

274,4, 76,6%, 66,5%

HSV

274,4, 55,7%, 92,2%

CMYK

23,8%, 55,7%, 0,0%, 7,8%

OKLCH

0,6564 0,1964 308,4

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#B368EB

#A0EB68

Analogous

#7268EB

#EB68E1

#B368EB

Triadic

#B368EB

#EBB368

#68EBB3

Split Complementary

#B368EB

#E1EB68

#68EB72

Tetradic

#B368EB

#EB7268

#A0EB68

#68E1EB

Color Blindness Simulation

Original

#B368EB

Protanopia

#9392CB

Deuteranopia

#979CC4

Tritanopia

#AFB2AD

Achromatopsia

#818181

CSS Usage

background-color: #B368EB;
color: #B368EB;
border-color: #B368EB;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F2FC
100
#EFE2F9
200
#DFC0F7
300
#C993F1
400
#AB58E9
500
#8E1EE1
600
#7118B4
700
#5B1390
800
#470F71
900
#350F52
950
#220A34

Contrast Checker

Text on white

3,44:1

AA Fail AAA Fail

Text on black

6,1:1

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