#302a96 hex color

In a RGB color space, hex #302a96 is composed of 18.8% red, 16.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 72% magenta, 0% yellow and 41.2% black. It has a hue angle of 243.3 degrees, a saturation of 56.3% and a lightness of 37.6%. #302a96 color hex could be obtained by blending #6054ff with #00002d. Closest websafe color is: #333399.

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

● #302a96 color description : Dark blue.

The hexadecimal color #302a96 has RGB values of R:48, G:42, B:150 and CMYK values of C:0.68, M:0.72, Y:0, K:0.41. Its decimal value is 3156630.

Hex triplet	302a96	`#302a96`
RGB Decimal	48, 42, 150	`rgb(48,42,150)`
RGB Percent	18.8, 16.5, 58.8	`rgb(18.8%,16.5%,58.8%)`
CMYK	68, 72, 0, 41
HSL	243.3°, 56.3, 37.6	`hsl(243.3,56.3%,37.6%)`
HSV (or HSB)	243.3°, 72, 58.8
Web Safe	333399	`#333399`

CIE-LAB	25.217, 37.283, -58.088
XYZ	7.551, 4.486, 29.32
xyY	0.183, 0.108, 4.486
CIE-LCH	25.217, 69.024, 302.694
CIE-LUV	25.217, -4.038, -72.233
Hunter-Lab	21.18, 26.571, -67.252
Binary	00110000, 00101010, 10010110

#302a96
```
#302a96 rgb(48,42,150)
```
#90962a
```
#90962a rgb(144,150,42)
```

Complementary Color

#2a5a96
```
#2a5a96 rgb(42,90,150)
```
#302a96
```
#302a96 rgb(48,42,150)
```
#662a96
```
#662a96 rgb(102,42,150)
```

Analogous Color

#5a962a
```
#5a962a rgb(90,150,42)
```
#302a96
```
#302a96 rgb(48,42,150)
```
#96662a
```
#96662a rgb(150,102,42)
```

Split Complementary Color

#2a9630
```
#2a9630 rgb(42,150,48)
```
#302a96
```
#302a96 rgb(48,42,150)
```
#96302a
```
#96302a rgb(150,48,42)
```

Triadic Color

#2a9096
```
#2a9096 rgb(42,144,150)
```
#302a96
```
#302a96 rgb(48,42,150)
```
#96302a
```
#96302a rgb(150,48,42)
```
#90962a
```
#90962a rgb(144,150,42)
```

Tetradic Color

#1d195a
```
#1d195a rgb(29,25,90)
```
#231f6e
```
#231f6e rgb(35,31,110)
```
#2a2482
```
#2a2482 rgb(42,36,130)
```
#302a96
```
#302a96 rgb(48,42,150)
```
#3630aa
```
#3630aa rgb(54,48,170)
```
#3d35be
```
#3d35be rgb(61,53,190)
```
#4a42ca
```
#4a42ca rgb(74,66,202)
```

Monochromatic Color

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

#2a3f96
```
#2a3f96 rgb(42,63,150)
```
#2a3696
```
#2a3696 rgb(42,54,150)
```
#2a2d96
```
#2a2d96 rgb(42,45,150)
```
#302a96
```
#302a96 rgb(48,42,150)
```
#392a96
```
#392a96 rgb(57,42,150)
```
#422a96
```
#422a96 rgb(66,42,150)
```
#4b2a96
```
#4b2a96 rgb(75,42,150)
```

Similar Colors

Text with hexadecimal color #302a96

This text has a font color of #302a96.

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

#302a96 background color

This paragraph has a background color of #302a96.

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

#302a96 border color

This element has a border color of #302a96.

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

CSS codes

.text {color:#302a96;}

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

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

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

#04030c
```
#04030c rgb(4,3,12)
```
#09081b
```
#09081b rgb(9,8,27)
```
#0e0c2b
```
#0e0c2b rgb(14,12,43)
```
#13103a
```
#13103a rgb(19,16,58)
```
#171549
```
#171549 rgb(23,21,73)
```
#1c1959
```
#1c1959 rgb(28,25,89)
```
#211d68
```
#211d68 rgb(33,29,104)
```
#262177
```
#262177 rgb(38,33,119)
```
#2b2687
```
#2b2687 rgb(43,38,135)
```
#302a96
```
#302a96 rgb(48,42,150)
```
#352ea5
```
#352ea5 rgb(53,46,165)
```
#3a33b5
```
#3a33b5 rgb(58,51,181)
```
#3f37c4
```
#3f37c4 rgb(63,55,196)
```

Shade Color Variation

#4b44cb
```
#4b44cb rgb(75,68,203)
```
#5a53cf
```
#5a53cf rgb(90,83,207)
```
#6963d3
```
#6963d3 rgb(105,99,211)
```
#7772d7
```
#7772d7 rgb(119,114,215)
```
#8681dc
```
#8681dc rgb(134,129,220)
```
#9590e0
```
#9590e0 rgb(149,144,224)
```
#a4a0e4
```
#a4a0e4 rgb(164,160,228)
```
#b2afe9
```
#b2afe9 rgb(178,175,233)
```
#c1beed
```
#c1beed rgb(193,190,237)
```
#d0cef1
```
#d0cef1 rgb(208,206,241)
```
#deddf6
```
#deddf6 rgb(222,221,246)
```
#edecfa
```
#edecfa rgb(237,236,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#5e5e62
```
#5e5e62 rgb(94,94,98)
```
#57566a
```
#57566a rgb(87,86,106)
```
#514f71
```
#514f71 rgb(81,79,113)
```
#4a4878
```
#4a4878 rgb(74,72,120)
```
#444080
```
#444080 rgb(68,64,128)
```
#3d3987
```
#3d3987 rgb(61,57,135)
```
#37318f
```
#37318f rgb(55,49,143)
```
#302a96
```
#302a96 rgb(48,42,150)
```
#29239d
```
#29239d rgb(41,35,157)
```
#231ba5
```
#231ba5 rgb(35,27,165)
```
#1c14ac
```
#1c14ac rgb(28,20,172)
```
#160cb4
```
#160cb4 rgb(22,12,180)
```
#0f05bb
```
#0f05bb rgb(15,5,187)
```

Tone Color Variation

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

#004384 Protanopia 1% of men
#004773 Deuteranopia 1% of men
#004c51 Tritanopia 0.001% of the population

Trichromacy

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

#302a96 hex color

#302a96 Color Information

#302a96 Color Conversion

Color Schemes with #302a96

Alternatives to #302a96

#302a96 Preview

Shades and Tints of #302a96

Tones of #302a96

Color Blindness Simulator