#303996 hex color

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

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

● #303996 color description : Dark moderate blue.

The hexadecimal color #303996 has RGB values of R:48, G:57, B:150 and CMYK values of C:0.68, M:0.62, Y:0, K:0.41. Its decimal value is 3160470.

Hex triplet	303996	`#303996`
RGB Decimal	48, 57, 150	`rgb(48,57,150)`
RGB Percent	18.8, 22.4, 58.8	`rgb(18.8%,22.4%,58.8%)`
CMYK	68, 62, 0, 41
HSL	234.7°, 51.5, 38.8	`hsl(234.7,51.5%,38.8%)`
HSV (or HSB)	234.7°, 68, 58.8
Web Safe	333399	`#333399`

CIE-LAB	28.789, 27.752, -52.24
XYZ	8.186, 5.756, 29.532
xyY	0.188, 0.132, 5.756
CIE-LCH	28.789, 59.154, 297.979
CIE-LUV	28.789, -7.124, -69.401
Hunter-Lab	23.992, 18.917, -56.186
Binary	00110000, 00111001, 10010110

#303996
```
#303996 rgb(48,57,150)
```
#968d30
```
#968d30 rgb(150,141,48)
```

Complementary Color

#306c96
```
#306c96 rgb(48,108,150)
```
#303996
```
#303996 rgb(48,57,150)
```
#5a3096
```
#5a3096 rgb(90,48,150)
```

Analogous Color

#6c9630
```
#6c9630 rgb(108,150,48)
```
#303996
```
#303996 rgb(48,57,150)
```
#965a30
```
#965a30 rgb(150,90,48)
```

Split Complementary Color

#399630
```
#399630 rgb(57,150,48)
```
#303996
```
#303996 rgb(48,57,150)
```
#963039
```
#963039 rgb(150,48,57)
```

Triadic Color

#30968d
```
#30968d rgb(48,150,141)
```
#303996
```
#303996 rgb(48,57,150)
```
#963039
```
#963039 rgb(150,48,57)
```
#968d30
```
#968d30 rgb(150,141,48)
```

Tetradic Color

#1d235c
```
#1d235c rgb(29,35,92)
```
#242a6f
```
#242a6f rgb(36,42,111)
```
#2a3283
```
#2a3283 rgb(42,50,131)
```
#303996
```
#303996 rgb(48,57,150)
```
#3640a9
```
#3640a9 rgb(54,64,169)
```
#3c48bd
```
#3c48bd rgb(60,72,189)
```
#4d57c6
```
#4d57c6 rgb(77,87,198)
```

Monochromatic Color

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

#305396
```
#305396 rgb(48,83,150)
```
#304a96
```
#304a96 rgb(48,74,150)
```
#304196
```
#304196 rgb(48,65,150)
```
#303996
```
#303996 rgb(48,57,150)
```
#303196
```
#303196 rgb(48,49,150)
```
#383096
```
#383096 rgb(56,48,150)
```
#413096
```
#413096 rgb(65,48,150)
```

Similar Colors

Text with hexadecimal color #303996

This text has a font color of #303996.

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

#303996 background color

This paragraph has a background color of #303996.

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

#303996 border color

This element has a border color of #303996.

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

CSS codes

.text {color:#303996;}

.background {background-color:#303996;}

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

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)
```
#0f112e
```
#0f112e rgb(15,17,46)
```
#13173d
```
#13173d rgb(19,23,61)
```
#181d4c
```
#181d4c rgb(24,29,76)
```
#1d225b
```
#1d225b rgb(29,34,91)
```
#222869
```
#222869 rgb(34,40,105)
```
#262e78
```
#262e78 rgb(38,46,120)
```
#2b3387
```
#2b3387 rgb(43,51,135)
```
#303996
```
#303996 rgb(48,57,150)
```
#353fa5
```
#353fa5 rgb(53,63,165)
```
#3a44b4
```
#3a44b4 rgb(58,68,180)
```

Shade Color Variation

#3f4bc2
```
#3f4bc2 rgb(63,75,194)
```
#4e59c6
```
#4e59c6 rgb(78,89,198)
```
#5d67cb
```
#5d67cb rgb(93,103,203)
```
#6c75d0
```
#6c75d0 rgb(108,117,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)
```
#b6bae8
```
#b6bae8 rgb(182,186,232)
```
#c5c8ec
```
#c5c8ec rgb(197,200,236)
```
#d4d6f1
```
#d4d6f1 rgb(212,214,241)
```
#e3e4f6
```
#e3e4f6 rgb(227,228,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 #0213c4 is the most saturated one.

#5e5f68
```
#5e5f68 rgb(94,95,104)
```
#565870
```
#565870 rgb(86,88,112)
```
#4e5278
```
#4e5278 rgb(78,82,120)
```
#474c7f
```
#474c7f rgb(71,76,127)
```
#3f4687
```
#3f4687 rgb(63,70,135)
```
#383f8e
```
#383f8e rgb(56,63,142)
```
#303996
```
#303996 rgb(48,57,150)
```
#28339e
```
#28339e rgb(40,51,158)
```
#212ca5
```
#212ca5 rgb(33,44,165)
```
#1926ad
```
#1926ad rgb(25,38,173)
```
#1220b4
```
#1220b4 rgb(18,32,180)
```
#0a1abc
```
#0a1abc rgb(10,26,188)
```
#0213c4
```
#0213c4 rgb(2,19,196)
```

Tone Color Variation

Below, you can see how #303996 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
#3e3f52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#004f80 Deuteranopia 1% of men
#00555a Tritanopia 0.001% of the population

Trichromacy

#114494 Protanomaly 1% of men, 0.01% of women
#114788 Deuteranomaly 6% of men, 0.4% of women
#114a70 Tritanomaly 0.01% of the population

#303996 hex color

#303996 Color Information

#303996 Color Conversion

Color Schemes with #303996

Alternatives to #303996

#303996 Preview

Shades and Tints of #303996

Tones of #303996

Color Blindness Simulator