#302e74 hex color

In a RGB color space, hex #302e74 is composed of 18.8% red, 18% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 60.3% magenta, 0% yellow and 54.5% black. It has a hue angle of 241.7 degrees, a saturation of 43.2% and a lightness of 31.8%. #302e74 color hex could be obtained by blending #605ce8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 18
- B 45
RGB color chart
- C 59
- M 60
- Y 0
- K 55
CMYK color chart

● #302e74 color description : Dark moderate blue.

The hexadecimal color #302e74 has RGB values of R:48, G:46, B:116 and CMYK values of C:0.59, M:0.6, Y:0, K:0.55. Its decimal value is 3157620.

Hex triplet	302e74	`#302e74`
RGB Decimal	48, 46, 116	`rgb(48,46,116)`
RGB Percent	18.8, 18, 45.5	`rgb(18.8%,18%,45.5%)`
CMYK	59, 60, 0, 55
HSL	241.7°, 43.2, 31.8	`hsl(241.7,43.2%,31.8%)`
HSV (or HSB)	241.7°, 60.3, 45.5
Web Safe	333366	`#333366`

CIE-LAB	23.146, 22.861, -40.164
XYZ	5.348, 3.843, 16.982
xyY	0.204, 0.147, 3.843
CIE-LCH	23.146, 46.214, 299.648
CIE-LUV	23.146, -3.04, -49.58
Hunter-Lab	19.604, 14.386, -37.638
Binary	00110000, 00101110, 01110100

#302e74
```
#302e74 rgb(48,46,116)
```
#72742e
```
#72742e rgb(114,116,46)
```

Complementary Color

#2e4f74
```
#2e4f74 rgb(46,79,116)
```
#302e74
```
#302e74 rgb(48,46,116)
```
#532e74
```
#532e74 rgb(83,46,116)
```

Analogous Color

#4f742e
```
#4f742e rgb(79,116,46)
```
#302e74
```
#302e74 rgb(48,46,116)
```
#74532e
```
#74532e rgb(116,83,46)
```

Split Complementary Color

#2e7430
```
#2e7430 rgb(46,116,48)
```
#302e74
```
#302e74 rgb(48,46,116)
```
#74302e
```
#74302e rgb(116,48,46)
```

Triadic Color

#2e7274
```
#2e7274 rgb(46,114,116)
```
#302e74
```
#302e74 rgb(48,46,116)
```
#74302e
```
#74302e rgb(116,48,46)
```
#72742e
```
#72742e rgb(114,116,46)
```

Tetradic Color

#19183d
```
#19183d rgb(25,24,61)
```
#21204f
```
#21204f rgb(33,32,79)
```
#282762
```
#282762 rgb(40,39,98)
```
#302e74
```
#302e74 rgb(48,46,116)
```
#383586
```
#383586 rgb(56,53,134)
```
#3f3c99
```
#3f3c99 rgb(63,60,153)
```
#4744ab
```
#4744ab rgb(71,68,171)
```

Monochromatic Color

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

#2e3e74
```
#2e3e74 rgb(46,62,116)
```
#2e3874
```
#2e3874 rgb(46,56,116)
```
#2e3274
```
#2e3274 rgb(46,50,116)
```
#302e74
```
#302e74 rgb(48,46,116)
```
#362e74
```
#362e74 rgb(54,46,116)
```
#3c2e74
```
#3c2e74 rgb(60,46,116)
```
#422e74
```
#422e74 rgb(66,46,116)
```

Similar Colors

Text with hexadecimal color #302e74

This text has a font color of #302e74.

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

#302e74 background color

This paragraph has a background color of #302e74.

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

#302e74 border color

This element has a border color of #302e74.

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

CSS codes

.text {color:#302e74;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#070712
```
#070712 rgb(7,7,18)
```
#0d0d20
```
#0d0d20 rgb(13,13,32)
```
#13122e
```
#13122e rgb(19,18,46)
```
#19183c
```
#19183c rgb(25,24,60)
```
#1f1d4a
```
#1f1d4a rgb(31,29,74)
```
#242358
```
#242358 rgb(36,35,88)
```
#2a2866
```
#2a2866 rgb(42,40,102)
```
#302e74
```
#302e74 rgb(48,46,116)
```
#363482
```
#363482 rgb(54,52,130)
```
#3c3990
```
#3c3990 rgb(60,57,144)
```
#413f9e
```
#413f9e rgb(65,63,158)
```
#4744ac
```
#4744ac rgb(71,68,172)
```

Shade Color Variation

#4f4cb8
```
#4f4cb8 rgb(79,76,184)
```
#5d5abe
```
#5d5abe rgb(93,90,190)
```
#6b68c3
```
#6b68c3 rgb(107,104,195)
```
#7976c9
```
#7976c9 rgb(121,118,201)
```
#8684ce
```
#8684ce rgb(134,132,206)
```
#9492d4
```
#9492d4 rgb(148,146,212)
```
#a2a0d9
```
#a2a0d9 rgb(162,160,217)
```
#b0aedf
```
#b0aedf rgb(176,174,223)
```
#bebce5
```
#bebce5 rgb(190,188,229)
```
#cbcaea
```
#cbcaea rgb(203,202,234)
```
#d9d8f0
```
#d9d8f0 rgb(217,216,240)
```
#e7e7f5
```
#e7e7f5 rgb(231,231,245)
```
#f5f5fb
```
#f5f5fb rgb(245,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d4d55 is the less saturated color, while #0702a0 is the most saturated one.

#4d4d55
```
#4d4d55 rgb(77,77,85)
```
#47475b
```
#47475b rgb(71,71,91)
```
#424161
```
#424161 rgb(66,65,97)
```
#3c3a68
```
#3c3a68 rgb(60,58,104)
```
#36346e
```
#36346e rgb(54,52,110)
```
#302e74
```
#302e74 rgb(48,46,116)
```
#2a287a
```
#2a287a rgb(42,40,122)
```
#242280
```
#242280 rgb(36,34,128)
```
#1e1b87
```
#1e1b87 rgb(30,27,135)
```
#19158d
```
#19158d rgb(25,21,141)
```
#130f93
```
#130f93 rgb(19,15,147)
```
#0d0999
```
#0d0999 rgb(13,9,153)
```
#0702a0
```
#0702a0 rgb(7,2,160)
```

Tone Color Variation

Below, you can see how #302e74 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
#363543 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7c Protanopia 1% of men
#00426d Deuteranopia 1% of men
#22464b Tritanopia 0.001% of the population

Trichromacy

#113979 Protanomaly 1% of men, 0.01% of women
#113b70 Deuteranomaly 6% of men, 0.4% of women
#273d5a Tritanomaly 0.01% of the population

#302e74 hex color

#302e74 Color Information

#302e74 Color Conversion

Color Schemes with #302e74

Alternatives to #302e74

#302e74 Preview

Shades and Tints of #302e74

Tones of #302e74

Color Blindness Simulator