#300F70

#300F70

Color Values

HEX

#300F70

RGB

48, 15, 112

HSL

260.4, 76.4%, 24.9%

HSV

260.4, 86.6%, 43.9%

CMYK

57.1%, 86.6%, 0.0%, 56.1%

OKLCH

0.2958 0.1489 289.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#300F70

#4F700F

Analogous

#0F1F70

#600F70

#300F70

Triadic

#300F70

#70300F

#0F7030

Split Complementary

#300F70

#70600F

#1F700F

Tetradic

#300F70

#700F1F

#4F700F

#0F7060

Color Blindness Simulation

Original

#300F70

Protanopia

#222159

Deuteranopia

#242653

Tritanopia

#2E4642

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F6F2FC
100
#E9E2F9
200
#D3C0F7
300
#B393F1
400
#8A59E9
500
#601EE1
600
#4D18B4
700
#3E1390
800
#300F70
900
#260F52
950
#180A34

Contrast Checker

Text on white

14.71:1

AA Pass AAA Pass

Text on black

1.43:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026