#30397D

#30397D

Color Values

HEX

#30397D

RGB

48, 57, 125

HSL

233,0, 44,5%, 33,9%

HSV

233,0, 61,6%, 49,0%

CMYK

61,6%, 54,4%, 0,0%, 51,0%

OKLCH

0,3764 0,1146 273,9

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#30397D

#7D7430

Analogous

#305F7D

#4D307D

#30397D

Triadic

#30397D

#7D3039

#397D30

Split Complementary

#30397D

#7D4D30

#5F7D30

Tetradic

#30397D

#7D305F

#7D7430

#307D4D

Color Blindness Simulation

Original

#30397D

Protanopia

#34346D

Deuteranopia

#333369

Tritanopia

#30605D

Achromatopsia

#3C3C3C

CSS Usage

background-color: #30397D;
color: #30397D;
border-color: #30397D;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F5FA
100
#E6E8F4
200
#CBCFEB
300
#A7ADDD
400
#7780CB
500
#4754B8
600
#394393
700
#2D3676
800
#232A5C
900
#1D2244
950
#12152B

Contrast Checker

Text on white

10,46:1

AA Pass AAA Pass

Text on black

2,01:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026