#B165EC

#B165EC

Color Values

HEX

#B165EC

RGB

177, 101, 236

HSL

273.8, 78.0%, 66.1%

HSV

273.8, 57.2%, 92.5%

CMYK

25.0%, 57.2%, 0.0%, 7.5%

OKLCH

0.6506 0.2013 307.7

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#B165EC

#A0EC65

Analogous

#6E65EC

#EC65E3

#B165EC

Triadic

#B165EC

#ECB165

#65ECB1

Split Complementary

#B165EC

#E3EC65

#65EC6E

Tetradic

#B165EC

#EC6E65

#A0EC65

#65E3EC

Color Blindness Simulation

Original

#B165EC

Protanopia

#908FCB

Deuteranopia

#949AC4

Tritanopia

#ADB2AC

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#DFBFF7
300
#C892F2
400
#AA57EA
500
#8C1CE3
600
#7016B6
700
#5A1291
800
#460E71
900
#350E52
950
#210934

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

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