#30069E

#30069E

Color Values

HEX

#30069E

RGB

48, 6, 158

HSL

256.6, 92.7%, 32.2%

HSV

256.6, 96.2%, 62.0%

CMYK

69.6%, 96.2%, 0.0%, 38.0%

OKLCH

0.3441 0.2047 279.1

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#30069E

#749E06

Analogous

#06289E

#7C069E

#30069E

Triadic

#30069E

#9E3006

#069E30

Split Complementary

#30069E

#9E7C06

#289E06

Tetradic

#30069E

#9E0628

#749E06

#069E7C

Color Blindness Simulation

Original

#30069E

Protanopia

#1E1D79

Deuteranopia

#202370

Tritanopia

#2E5C56

Achromatopsia

#1A1A1A

CSS Usage

background-color: #30069E;
color: #30069E;
border-color: #30069E;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F5F1FD
100
#E7DFFB
200
#CDBAFC
300
#A889FB
400
#7A49F8
500
#4B09F6
600
#3C07C5
700
#30069D
800
#25057B
900
#1E0859
950
#130538

Contrast Checker

Text on white

12.76:1

AA Pass AAA Pass

Text on black

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