#3010BC

#3010BC

Color Values

HEX

#3010BC

RGB

48, 16, 188

HSL

251.2, 84.3%, 40.0%

HSV

251.2, 91.5%, 73.7%

CMYK

74.5%, 91.5%, 0.0%, 26.3%

OKLCH

0.3868 0.2327 274.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3010BC

#9CBC10

Analogous

#1046BC

#8610BC

#3010BC

Triadic

#3010BC

#BC3010

#10BC30

Split Complementary

#3010BC

#BC8610

#46BC10

Tetradic

#3010BC

#BC1046

#9CBC10

#10BC86

Color Blindness Simulation

Original

#3010BC

Protanopia

#222292

Deuteranopia

#242688

Tritanopia

#2E716A

Achromatopsia

#232323

CSS Usage

background-color: #3010BC;
color: #3010BC;
border-color: #3010BC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F2FD
100
#E5E0FA
200
#C8BDF9
300
#A18EF5
400
#6F51F0
500
#3C14EB
600
#3010BC
700
#260D96
800
#1E0A75
900
#190C55
950
#100736

Contrast Checker

Text on white

10.9:1

AA Pass AAA Pass

Text on black

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