#303a96 hex color

In a RGB color space, hex #303a96 is composed of 18.8% red, 22.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 61.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 234.1 degrees, a saturation of 51.5% and a lightness of 38.8%. #303a96 color hex could be obtained by blending #6074ff with #00002d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 23
- B 59
RGB color chart
- C 68
- M 61
- Y 0
- K 41
CMYK color chart

● #303a96 color description : Dark moderate blue.

The hexadecimal color #303a96 has RGB values of R:48, G:58, B:150 and CMYK values of C:0.68, M:0.61, Y:0, K:0.41. Its decimal value is 3160726.

Hex triplet	303a96	`#303a96`
RGB Decimal	48, 58, 150	`rgb(48,58,150)`
RGB Percent	18.8, 22.7, 58.8	`rgb(18.8%,22.7%,58.8%)`
CMYK	68, 61, 0, 41
HSL	234.1°, 51.5, 38.8	`hsl(234.1,51.5%,38.8%)`
HSV (or HSB)	234.1°, 68, 58.8
Web Safe	333399	`#333399`

CIE-LAB	29.046, 27.09, -51.82
XYZ	8.236, 5.856, 29.549
xyY	0.189, 0.134, 5.856
CIE-LCH	29.046, 58.474, 297.599
CIE-LUV	29.046, -7.363, -69.109
Hunter-Lab	24.199, 18.401, -55.457
Binary	00110000, 00111010, 10010110

#303a96
```
#303a96 rgb(48,58,150)
```
#968c30
```
#968c30 rgb(150,140,48)
```

Complementary Color

#306d96
```
#306d96 rgb(48,109,150)
```
#303a96
```
#303a96 rgb(48,58,150)
```
#593096
```
#593096 rgb(89,48,150)
```

Analogous Color

#6d9630
```
#6d9630 rgb(109,150,48)
```
#303a96
```
#303a96 rgb(48,58,150)
```
#965930
```
#965930 rgb(150,89,48)
```

Split Complementary Color

#3a9630
```
#3a9630 rgb(58,150,48)
```
#303a96
```
#303a96 rgb(48,58,150)
```
#96303a
```
#96303a rgb(150,48,58)
```

Triadic Color

#30968c
```
#30968c rgb(48,150,140)
```
#303a96
```
#303a96 rgb(48,58,150)
```
#96303a
```
#96303a rgb(150,48,58)
```
#968c30
```
#968c30 rgb(150,140,48)
```

Tetradic Color

#1d245c
```
#1d245c rgb(29,36,92)
```
#242b6f
```
#242b6f rgb(36,43,111)
```
#2a3383
```
#2a3383 rgb(42,51,131)
```
#303a96
```
#303a96 rgb(48,58,150)
```
#3641a9
```
#3641a9 rgb(54,65,169)
```
#3c49bd
```
#3c49bd rgb(60,73,189)
```
#4d58c6
```
#4d58c6 rgb(77,88,198)
```

Monochromatic Color

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

#305496
```
#305496 rgb(48,84,150)
```
#304b96
```
#304b96 rgb(48,75,150)
```
#304296
```
#304296 rgb(48,66,150)
```
#303a96
```
#303a96 rgb(48,58,150)
```
#303296
```
#303296 rgb(48,50,150)
```
#373096
```
#373096 rgb(55,48,150)
```
#403096
```
#403096 rgb(64,48,150)
```

Similar Colors

Text with hexadecimal color #303a96

This text has a font color of #303a96.

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

#303a96 background color

This paragraph has a background color of #303a96.

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

#303a96 border color

This element has a border color of #303a96.

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

CSS codes

.text {color:#303a96;}

.background {background-color:#303a96;}

.border {border:1px solid #303a96;}

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, #000101 is the darkest color, while #f2f2fb is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#050610
```
#050610 rgb(5,6,16)
```
#0a0c1f
```
#0a0c1f rgb(10,12,31)
```
#0f122e
```
#0f122e rgb(15,18,46)
```
#13183d
```
#13183d rgb(19,24,61)
```
#181d4c
```
#181d4c rgb(24,29,76)
```
#1d235b
```
#1d235b rgb(29,35,91)
```
#222969
```
#222969 rgb(34,41,105)
```
#262f78
```
#262f78 rgb(38,47,120)
```
#2b3487
```
#2b3487 rgb(43,52,135)
```
#303a96
```
#303a96 rgb(48,58,150)
```
#3540a5
```
#3540a5 rgb(53,64,165)
```
#3a45b4
```
#3a45b4 rgb(58,69,180)
```

Shade Color Variation

#3f4cc2
```
#3f4cc2 rgb(63,76,194)
```
#4e5ac6
```
#4e5ac6 rgb(78,90,198)
```
#5d68cb
```
#5d68cb rgb(93,104,203)
```
#6c76d0
```
#6c76d0 rgb(108,118,208)
```
#7b83d5
```
#7b83d5 rgb(123,131,213)
```
#8a91d9
```
#8a91d9 rgb(138,145,217)
```
#989fde
```
#989fde rgb(152,159,222)
```
#a7ade3
```
#a7ade3 rgb(167,173,227)
```
#b6bbe8
```
#b6bbe8 rgb(182,187,232)
```
#c5c9ec
```
#c5c9ec rgb(197,201,236)
```
#d4d7f1
```
#d4d7f1 rgb(212,215,241)
```
#e3e5f6
```
#e3e5f6 rgb(227,229,246)
```
#f2f2fb
```
#f2f2fb rgb(242,242,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e5f68 is the less saturated color, while #0215c4 is the most saturated one.

#5e5f68
```
#5e5f68 rgb(94,95,104)
```
#565970
```
#565970 rgb(86,89,112)
```
#4e5278
```
#4e5278 rgb(78,82,120)
```
#474c7f
```
#474c7f rgb(71,76,127)
```
#3f4687
```
#3f4687 rgb(63,70,135)
```
#38408e
```
#38408e rgb(56,64,142)
```
#303a96
```
#303a96 rgb(48,58,150)
```
#28349e
```
#28349e rgb(40,52,158)
```
#212ea5
```
#212ea5 rgb(33,46,165)
```
#1928ad
```
#1928ad rgb(25,40,173)
```
#1222b4
```
#1222b4 rgb(18,34,180)
```
#0a1bbc
```
#0a1bbc rgb(10,27,188)
```
#0215c4
```
#0215c4 rgb(2,21,196)
```

Tone Color Variation

Below, you can see how #303a96 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

#414141 Achromatopsia 0.005% of the population
#3e4052 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b94 Protanopia 1% of men
#004f81 Deuteranopia 1% of men
#00555b Tritanopia 0.001% of the population

Trichromacy

#114594 Protanomaly 1% of men, 0.01% of women
#114789 Deuteranomaly 6% of men, 0.4% of women
#114b70 Tritanomaly 0.01% of the population

#303a96 hex color

#303a96 Color Information

#303a96 Color Conversion

Color Schemes with #303a96

Alternatives to #303a96

#303a96 Preview

Shades and Tints of #303a96

Tones of #303a96

Color Blindness Simulator