#302996 hex color

In a RGB color space, hex #302996 is composed of 18.8% red, 16.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 72.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 243.9 degrees, a saturation of 57.1% and a lightness of 37.5%. #302996 color hex could be obtained by blending #6052ff with #00002d. Closest websafe color is: #333399.

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

● #302996 color description : Dark blue.

The hexadecimal color #302996 has RGB values of R:48, G:41, B:150 and CMYK values of C:0.68, M:0.73, Y:0, K:0.41. Its decimal value is 3156374.

Hex triplet	302996	`#302996`
RGB Decimal	48, 41, 150	`rgb(48,41,150)`
RGB Percent	18.8, 16.1, 58.8	`rgb(18.8%,16.1%,58.8%)`
CMYK	68, 73, 0, 41
HSL	243.9°, 57.1, 37.5	`hsl(243.9,57.1%,37.5%)`
HSV (or HSB)	243.9°, 72.7, 58.8
Web Safe	333399	`#333399`

CIE-LAB	25.001, 37.88, -58.443
XYZ	7.516, 4.416, 29.309
xyY	0.182, 0.107, 4.416
CIE-LCH	25.001, 69.645, 302.949
CIE-LUV	25.001, -3.867, -72.324
Hunter-Lab	21.014, 27.067, -67.983
Binary	00110000, 00101001, 10010110

#302996
```
#302996 rgb(48,41,150)
```
#8f9629
```
#8f9629 rgb(143,150,41)
```

Complementary Color

#295996
```
#295996 rgb(41,89,150)
```
#302996
```
#302996 rgb(48,41,150)
```
#672996
```
#672996 rgb(103,41,150)
```

Analogous Color

#599629
```
#599629 rgb(89,150,41)
```
#302996
```
#302996 rgb(48,41,150)
```
#966729
```
#966729 rgb(150,103,41)
```

Split Complementary Color

#299630
```
#299630 rgb(41,150,48)
```
#302996
```
#302996 rgb(48,41,150)
```
#963029
```
#963029 rgb(150,48,41)
```

Triadic Color

#298f96
```
#298f96 rgb(41,143,150)
```
#302996
```
#302996 rgb(48,41,150)
```
#963029
```
#963029 rgb(150,48,41)
```
#8f9629
```
#8f9629 rgb(143,150,41)
```

Tetradic Color

#1d195a
```
#1d195a rgb(29,25,90)
```
#231e6e
```
#231e6e rgb(35,30,110)
```
#2a2482
```
#2a2482 rgb(42,36,130)
```
#302996
```
#302996 rgb(48,41,150)
```
#362eaa
```
#362eaa rgb(54,46,170)
```
#3d34be
```
#3d34be rgb(61,52,190)
```
#4941cb
```
#4941cb rgb(73,65,203)
```

Monochromatic Color

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

#293d96
```
#293d96 rgb(41,61,150)
```
#293496
```
#293496 rgb(41,52,150)
```
#292b96
```
#292b96 rgb(41,43,150)
```
#302996
```
#302996 rgb(48,41,150)
```
#392996
```
#392996 rgb(57,41,150)
```
#422996
```
#422996 rgb(66,41,150)
```
#4b2996
```
#4b2996 rgb(75,41,150)
```

Similar Colors

Text with hexadecimal color #302996

This text has a font color of #302996.

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

#302996 background color

This paragraph has a background color of #302996.

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

#302996 border color

This element has a border color of #302996.

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

CSS codes

.text {color:#302996;}

.background {background-color:#302996;}

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

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, #04030b is the darkest color, while #fbfbfe is the lightest one.

#04030b
```
#04030b rgb(4,3,11)
```
#09071b
```
#09071b rgb(9,7,27)
```
#0d0c2a
```
#0d0c2a rgb(13,12,42)
```
#12103a
```
#12103a rgb(18,16,58)
```
#171449
```
#171449 rgb(23,20,73)
```
#1c1858
```
#1c1858 rgb(28,24,88)
```
#211c68
```
#211c68 rgb(33,28,104)
```
#262177
```
#262177 rgb(38,33,119)
```
#2b2587
```
#2b2587 rgb(43,37,135)
```
#302996
```
#302996 rgb(48,41,150)
```
#352da5
```
#352da5 rgb(53,45,165)
```
#3a31b5
```
#3a31b5 rgb(58,49,181)
```
#3f36c4
```
#3f36c4 rgb(63,54,196)
```

Shade Color Variation

#4b42cb
```
#4b42cb rgb(75,66,203)
```
#5a52d0
```
#5a52d0 rgb(90,82,208)
```
#6861d4
```
#6861d4 rgb(104,97,212)
```
#7770d8
```
#7770d8 rgb(119,112,216)
```
#8680dc
```
#8680dc rgb(134,128,220)
```
#948fe0
```
#948fe0 rgb(148,143,224)
```
#a39fe5
```
#a39fe5 rgb(163,159,229)
```
#b2aee9
```
#b2aee9 rgb(178,174,233)
```
#c0bded
```
#c0bded rgb(192,189,237)
```
#cfcdf1
```
#cfcdf1 rgb(207,205,241)
```
#dedcf5
```
#dedcf5 rgb(222,220,245)
```
#ececfa
```
#ececfa rgb(236,236,250)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#5d5c63
```
#5d5c63 rgb(93,92,99)
```
#56556a
```
#56556a rgb(86,85,106)
```
#504e71
```
#504e71 rgb(80,78,113)
```
#4a4679
```
#4a4679 rgb(74,70,121)
```
#433f80
```
#433f80 rgb(67,63,128)
```
#3d3887
```
#3d3887 rgb(61,56,135)
```
#36308f
```
#36308f rgb(54,48,143)
```
#302996
```
#302996 rgb(48,41,150)
```
#2a229d
```
#2a229d rgb(42,34,157)
```
#231aa5
```
#231aa5 rgb(35,26,165)
```
#1d13ac
```
#1d13ac rgb(29,19,172)
```
#160cb3
```
#160cb3 rgb(22,12,179)
```
#1004bb
```
#1004bb rgb(16,4,187)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#36354b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004772 Deuteranopia 1% of men
#004c51 Tritanopia 0.001% of the population

Trichromacy

#11398a Protanomaly 1% of men, 0.01% of women
#113c7f Deuteranomaly 6% of men, 0.4% of women
#113f6a Tritanomaly 0.01% of the population

#302996 hex color

#302996 Color Information

#302996 Color Conversion

Color Schemes with #302996

Alternatives to #302996

#302996 Preview

Shades and Tints of #302996

Tones of #302996

Color Blindness Simulator