#302d7e hex color

In a RGB color space, hex #302d7e is composed of 18.8% red, 17.6% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 64.3% magenta, 0% yellow and 50.6% black. It has a hue angle of 242.2 degrees, a saturation of 47.4% and a lightness of 33.5%. #302d7e color hex could be obtained by blending #605afc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 18
- B 49
RGB color chart
- C 62
- M 64
- Y 0
- K 51
CMYK color chart

● #302d7e color description : Dark moderate blue.

The hexadecimal color #302d7e has RGB values of R:48, G:45, B:126 and CMYK values of C:0.62, M:0.64, Y:0, K:0.51. Its decimal value is 3157374.

Hex triplet	302d7e	`#302d7e`
RGB Decimal	48, 45, 126	`rgb(48,45,126)`
RGB Percent	18.8, 17.6, 49.4	`rgb(18.8%,17.6%,49.4%)`
CMYK	62, 64, 0, 51
HSL	242.2°, 47.4, 33.5	`hsl(242.2,47.4%,33.5%)`
HSV (or HSB)	242.2°, 64.3, 49.4
Web Safe	333366	`#333366`

CIE-LAB	23.709, 27.067, -45.603
XYZ	5.922, 4.011, 20.2
xyY	0.197, 0.133, 4.011
CIE-LCH	23.709, 53.031, 300.69
CIE-LUV	23.709, -3.344, -56.52
Hunter-Lab	20.028, 17.735, -45.778
Binary	00110000, 00101101, 01111110

#302d7e
```
#302d7e rgb(48,45,126)
```
#7b7e2d
```
#7b7e2d rgb(123,126,45)
```

Complementary Color

#2d537e
```
#2d537e rgb(45,83,126)
```
#302d7e
```
#302d7e rgb(48,45,126)
```
#592d7e
```
#592d7e rgb(89,45,126)
```

Analogous Color

#537e2d
```
#537e2d rgb(83,126,45)
```
#302d7e
```
#302d7e rgb(48,45,126)
```
#7e592d
```
#7e592d rgb(126,89,45)
```

Split Complementary Color

#2d7e30
```
#2d7e30 rgb(45,126,48)
```
#302d7e
```
#302d7e rgb(48,45,126)
```
#7e302d
```
#7e302d rgb(126,48,45)
```

Triadic Color

#2d7b7e
```
#2d7b7e rgb(45,123,126)
```
#302d7e
```
#302d7e rgb(48,45,126)
```
#7e302d
```
#7e302d rgb(126,48,45)
```
#7b7e2d
```
#7b7e2d rgb(123,126,45)
```

Tetradic Color

#1b1946
```
#1b1946 rgb(27,25,70)
```
#222058
```
#222058 rgb(34,32,88)
```
#29266b
```
#29266b rgb(41,38,107)
```
#302d7e
```
#302d7e rgb(48,45,126)
```
#373491
```
#373491 rgb(55,52,145)
```
#3e3aa4
```
#3e3aa4 rgb(62,58,164)
```
#4541b6
```
#4541b6 rgb(69,65,182)
```

Monochromatic Color

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

#2d3e7e
```
#2d3e7e rgb(45,62,126)
```
#2d387e
```
#2d387e rgb(45,56,126)
```
#2d317e
```
#2d317e rgb(45,49,126)
```
#302d7e
```
#302d7e rgb(48,45,126)
```
#372d7e
```
#372d7e rgb(55,45,126)
```
#3e2d7e
```
#3e2d7e rgb(62,45,126)
```
#442d7e
```
#442d7e rgb(68,45,126)
```

Similar Colors

Text with hexadecimal color #302d7e

This text has a font color of #302d7e.

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

#302d7e background color

This paragraph has a background color of #302d7e.

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

#302d7e border color

This element has a border color of #302d7e.

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

CSS codes

.text {color:#302d7e;}

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

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

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

#04040a
```
#04040a rgb(4,4,10)
```
#090919
```
#090919 rgb(9,9,25)
```
#0f0e27
```
#0f0e27 rgb(15,14,39)
```
#141336
```
#141336 rgb(20,19,54)
```
#1a1844
```
#1a1844 rgb(26,24,68)
```
#1f1e53
```
#1f1e53 rgb(31,30,83)
```
#252361
```
#252361 rgb(37,35,97)
```
#2a2870
```
#2a2870 rgb(42,40,112)
```
#302d7e
```
#302d7e rgb(48,45,126)
```
#36328c
```
#36328c rgb(54,50,140)
```
#3b379b
```
#3b379b rgb(59,55,155)
```
#413ca9
```
#413ca9 rgb(65,60,169)
```
#4642b8
```
#4642b8 rgb(70,66,184)
```

Shade Color Variation

#524dc0
```
#524dc0 rgb(82,77,192)
```
#605cc5
```
#605cc5 rgb(96,92,197)
```
#6e6aca
```
#6e6aca rgb(110,106,202)
```
#7c79cf
```
#7c79cf rgb(124,121,207)
```
#8a87d4
```
#8a87d4 rgb(138,135,212)
```
#9896d9
```
#9896d9 rgb(152,150,217)
```
#a6a4df
```
#a6a4df rgb(166,164,223)
```
#b4b3e4
```
#b4b3e4 rgb(180,179,228)
```
#c3c1e9
```
#c3c1e9 rgb(195,193,233)
```
#d1d0ee
```
#d1d0ee rgb(209,208,238)
```
#dfdef3
```
#dfdef3 rgb(223,222,243)
```
#edecf8
```
#edecf8 rgb(237,236,248)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#555457
```
#555457 rgb(85,84,87)
```
#4e4e5d
```
#4e4e5d rgb(78,78,93)
```
#484764
```
#484764 rgb(72,71,100)
```
#42416a
```
#42416a rgb(66,65,106)
```
#3c3a71
```
#3c3a71 rgb(60,58,113)
```
#363477
```
#363477 rgb(54,52,119)
```
#302d7e
```
#302d7e rgb(48,45,126)
```
#2a2685
```
#2a2685 rgb(42,38,133)
```
#24208b
```
#24208b rgb(36,32,139)
```
#1e1992
```
#1e1992 rgb(30,25,146)
```
#181398
```
#181398 rgb(24,19,152)
```
#120c9f
```
#120c9f rgb(18,12,159)
```
#0b06a5
```
#0b06a5 rgb(11,6,165)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#363545 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407e Protanopia 1% of men
#00446f Deuteranopia 1% of men
#17484e Tritanopia 0.001% of the population

Trichromacy

#11397e Protanomaly 1% of men, 0.01% of women
#113b74 Deuteranomaly 6% of men, 0.4% of women
#203e5f Tritanomaly 0.01% of the population

#302d7e hex color

#302d7e Color Information

#302d7e Color Conversion

Color Schemes with #302d7e

Alternatives to #302d7e

#302d7e Preview

Shades and Tints of #302d7e

Tones of #302d7e

Color Blindness Simulator