#300862

#300862

Color Values

HEX

#300862

RGB

48, 8, 98

HSL

266.7, 84.9%, 20.8%

HSV

266.7, 91.8%, 38.4%

CMYK

51.0%, 91.8%, 0.0%, 61.6%

OKLCH

0.2742 0.1388 295.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#300862

#3A6208

Analogous

#080D62

#5D0862

#300862

Triadic

#300862

#623008

#086230

Split Complementary

#300862

#625D08

#0D6208

Tetradic

#300862

#62080D

#3A6208

#08625D

Color Blindness Simulation

Original

#300862

Protanopia

#1F1E4C

Deuteranopia

#212447

Tritanopia

#2E3B37

Achromatopsia

#171717

CSS Usage

background-color: #300862;
color: #300862;
border-color: #300862;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F7F2FD
100
#ECE0FA
200
#D8BDFA
300
#BC8EF6
400
#9851F1
500
#7413EC
600
#5C0FBD
700
#4A0C97
800
#3A0A76
900
#2C0B55
950
#1C0736

Contrast Checker

Text on white

15.71:1

AA Pass AAA Pass

Text on black

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