#030396 hex color

In a RGB color space, hex #030396 is composed of 1.2% red, 1.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 98% magenta, 0% yellow and 41.2% black. It has a hue angle of 240 degrees, a saturation of 96.1% and a lightness of 30%. #030396 color hex could be obtained by blending #0606ff with #00002d. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 1
- B 59
RGB color chart
- C 98
- M 98
- Y 0
- K 41
CMYK color chart

● #030396 color description : Dark blue.

The hexadecimal color #030396 has RGB values of R:3, G:3, B:150 and CMYK values of C:0.98, M:0.98, Y:0, K:0.41. Its decimal value is 197526.

Hex triplet	030396	`#030396`
RGB Decimal	3, 3, 150	`rgb(3,3,150)`
RGB Percent	1.2, 1.2, 58.8	`rgb(1.2%,1.2%,58.8%)`
CMYK	98, 98, 0, 41
HSL	240°, 96.1, 30	`hsl(240,96.1%,30%)`
HSV (or HSB)	240°, 98, 58.8
Web Safe	000099	`#000099`

CIE-LAB	16.922, 52.353, -71.917
XYZ	5.574, 2.286, 29
xyY	0.151, 0.062, 2.286
CIE-LCH	16.922, 88.955, 306.053
CIE-LUV	16.922, -4.86, -67.351
Hunter-Lab	15.12, 39.346, -103.136
Binary	00000011, 00000011, 10010110

#030396
```
#030396 rgb(3,3,150)
```
#969603
```
#969603 rgb(150,150,3)
```

Complementary Color

#034d96
```
#034d96 rgb(3,77,150)
```
#030396
```
#030396 rgb(3,3,150)
```
#4d0396
```
#4d0396 rgb(77,3,150)
```

Analogous Color

#4d9603
```
#4d9603 rgb(77,150,3)
```
#030396
```
#030396 rgb(3,3,150)
```
#964d03
```
#964d03 rgb(150,77,3)
```

Split Complementary Color

#039603
```
#039603 rgb(3,150,3)
```
#030396
```
#030396 rgb(3,3,150)
```
#960303
```
#960303 rgb(150,3,3)
```

Triadic Color

#039696
```
#039696 rgb(3,150,150)
```
#030396
```
#030396 rgb(3,3,150)
```
#960303
```
#960303 rgb(150,3,3)
```
#969603
```
#969603 rgb(150,150,3)
```

Tetradic Color

#01014b
```
#01014b rgb(1,1,75)
```
#020264
```
#020264 rgb(2,2,100)
```
#02027d
```
#02027d rgb(2,2,125)
```
#030396
```
#030396 rgb(3,3,150)
```
#0303af
```
#0303af rgb(3,3,175)
```
#0404c8
```
#0404c8 rgb(4,4,200)
```
#0404e1
```
#0404e1 rgb(4,4,225)
```

Monochromatic Color

Below, you can see some colors close to #030396. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#032896
```
#032896 rgb(3,40,150)
```
#031c96
```
#031c96 rgb(3,28,150)
```
#030f96
```
#030f96 rgb(3,15,150)
```
#030396
```
#030396 rgb(3,3,150)
```
#0f0396
```
#0f0396 rgb(15,3,150)
```
#1b0396
```
#1b0396 rgb(27,3,150)
```
#280396
```
#280396 rgb(40,3,150)
```

Similar Colors

Text with hexadecimal color #030396

This text has a font color of #030396.

<span style="color:#030396;">Text here</span>

#030396 background color

This paragraph has a background color of #030396.

<p style="background-color:#030396;">Content here</p>

#030396 border color

This element has a border color of #030396.

<div style="border:1px solid #030396;">Content here</div>

CSS codes

.text {color:#030396;}

.background {background-color:#030396;}

.border {border:1px solid #030396;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #00000f is the darkest color, while #fbfbff is the lightest one.

#00000f
```
#00000f rgb(0,0,15)
```
#010123
```
#010123 rgb(1,1,35)
```
#010136
```
#010136 rgb(1,1,54)
```
#010149
```
#010149 rgb(1,1,73)
```
#02025c
```
#02025c rgb(2,2,92)
```
#020270
```
#020270 rgb(2,2,112)
```
#030383
```
#030383 rgb(3,3,131)
```
#030396
```
#030396 rgb(3,3,150)
```
#0303a9
```
#0303a9 rgb(3,3,169)
```
#0404bc
```
#0404bc rgb(4,4,188)
```
#0404d0
```
#0404d0 rgb(4,4,208)
```
#0505e3
```
#0505e3 rgb(5,5,227)
```
#0505f6
```
#0505f6 rgb(5,5,246)
```

Shade Color Variation

#1414fa
```
#1414fa rgb(20,20,250)
```
#2828fb
```
#2828fb rgb(40,40,251)
```
#3b3bfb
```
#3b3bfb rgb(59,59,251)
```
#4e4efb
```
#4e4efb rgb(78,78,251)
```
#6161fc
```
#6161fc rgb(97,97,252)
```
#7575fc
```
#7575fc rgb(117,117,252)
```
#8888fd
```
#8888fd rgb(136,136,253)
```
#9b9bfd
```
#9b9bfd rgb(155,155,253)
```
#aeaefd
```
#aeaefd rgb(174,174,253)
```
#c1c1fe
```
#c1c1fe rgb(193,193,254)
```
#d5d5fe
```
#d5d5fe rgb(213,213,254)
```
#e8e8ff
```
#e8e8ff rgb(232,232,255)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a4a4f is the less saturated color, while #030396 is the most saturated one.

#4a4a4f
```
#4a4a4f rgb(74,74,79)
```
#444455
```
#444455 rgb(68,68,85)
```
#3e3e5b
```
#3e3e5b rgb(62,62,91)
```
#383861
```
#383861 rgb(56,56,97)
```
#323267
```
#323267 rgb(50,50,103)
```
#2c2c6d
```
#2c2c6d rgb(44,44,109)
```
#262673
```
#262673 rgb(38,38,115)
```
#202079
```
#202079 rgb(32,32,121)
```
#1b1b7e
```
#1b1b7e rgb(27,27,126)
```
#151584
```
#151584 rgb(21,21,132)
```
#0f0f8a
```
#0f0f8a rgb(15,15,138)
```
#090990
```
#090990 rgb(9,9,144)
```
#030396
```
#030396 rgb(3,3,150)
```

Tone Color Variation

Below, you can see how #030396 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#141414 Achromatopsia 0.005% of the population
#11112e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003363 Protanopia 1% of men
#003655 Deuteranopia 1% of men
#003a3c Tritanopia 0.001% of the population

Trichromacy

#012175 Protanomaly 1% of men, 0.01% of women
#01236d Deuteranomaly 6% of men, 0.4% of women
#01265c Tritanomaly 0.01% of the population

#030396 hex color

#030396 Color Information

#030396 Color Conversion

Color Schemes with #030396

Alternatives to #030396

#030396 Preview

Shades and Tints of #030396

Tones of #030396

Color Blindness Simulator