#B063F4

#B063F4

Color Values

HEX

#B063F4

RGB

176, 99, 244

HSL

271.9, 86.8%, 67.3%

HSV

271.9, 59.4%, 95.7%

CMYK

27.9%, 59.4%, 0.0%, 4.3%

OKLCH

0.6517 0.2126 305.8

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#B063F4

#A7F463

Analogous

#6863F4

#F463EF

#B063F4

Triadic

#B063F4

#F4B063

#63F4B0

Split Complementary

#B063F4

#EFF463

#63F468

Tetradic

#B063F4

#F46863

#A7F463

#63EFF4

Color Blindness Simulation

Original

#B063F4

Protanopia

#8F8ED1

Deuteranopia

#9399C8

Tritanopia

#ACB5AF

Achromatopsia

#7E7E7E

CSS Usage

background-color: #B063F4;
color: #B063F4;
border-color: #B063F4;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DDBCFA
300
#C58DF7
400
#A64FF3
500
#8711EE
600
#6C0DBF
700
#560B98
800
#430877
900
#330B56
950
#200737

Contrast Checker

Text on white

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