#302a74 hex color

In a RGB color space, hex #302a74 is composed of 18.8% red, 16.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 63.8% magenta, 0% yellow and 54.5% black. It has a hue angle of 244.9 degrees, a saturation of 46.8% and a lightness of 31%. #302a74 color hex could be obtained by blending #6054e8 with #000000. Closest websafe color is: #333366.

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

● #302a74 color description : Dark moderate blue.

The hexadecimal color #302a74 has RGB values of R:48, G:42, B:116 and CMYK values of C:0.59, M:0.64, Y:0, K:0.55. Its decimal value is 3156596.

Hex triplet	302a74	`#302a74`
RGB Decimal	48, 42, 116	`rgb(48,42,116)`
RGB Percent	18.8, 16.5, 45.5	`rgb(18.8%,16.5%,45.5%)`
CMYK	59, 64, 0, 55
HSL	244.9°, 46.8, 31	`hsl(244.9,46.8%,31%)`
HSV (or HSB)	244.9°, 63.8, 45.5
Web Safe	333366	`#333366`

CIE-LAB	22.107, 25.544, -41.85
XYZ	5.199, 3.545, 16.932
xyY	0.202, 0.138, 3.545
CIE-LCH	22.107, 49.03, 301.398
CIE-LUV	22.107, -2.116, -50.604
Hunter-Lab	18.828, 16.336, -40.14
Binary	00110000, 00101010, 01110100

#302a74
```
#302a74 rgb(48,42,116)
```
#6e742a
```
#6e742a rgb(110,116,42)
```

Complementary Color

#2a4974
```
#2a4974 rgb(42,73,116)
```
#302a74
```
#302a74 rgb(48,42,116)
```
#552a74
```
#552a74 rgb(85,42,116)
```

Analogous Color

#49742a
```
#49742a rgb(73,116,42)
```
#302a74
```
#302a74 rgb(48,42,116)
```
#74552a
```
#74552a rgb(116,85,42)
```

Split Complementary Color

#2a7430
```
#2a7430 rgb(42,116,48)
```
#302a74
```
#302a74 rgb(48,42,116)
```
#74302a
```
#74302a rgb(116,48,42)
```

Triadic Color

#2a6e74
```
#2a6e74 rgb(42,110,116)
```
#302a74
```
#302a74 rgb(48,42,116)
```
#74302a
```
#74302a rgb(116,48,42)
```
#6e742a
```
#6e742a rgb(110,116,42)
```

Tetradic Color

#19163c
```
#19163c rgb(25,22,60)
```
#211c4f
```
#211c4f rgb(33,28,79)
```
#282361
```
#282361 rgb(40,35,97)
```
#302a74
```
#302a74 rgb(48,42,116)
```
#383187
```
#383187 rgb(56,49,135)
```
#3f3899
```
#3f3899 rgb(63,56,153)
```
#473eac
```
#473eac rgb(71,62,172)
```

Monochromatic Color

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

#2a3774
```
#2a3774 rgb(42,55,116)
```
#2a3074
```
#2a3074 rgb(42,48,116)
```
#2a2a74
```
#2a2a74 rgb(42,42,116)
```
#302a74
```
#302a74 rgb(48,42,116)
```
#362a74
```
#362a74 rgb(54,42,116)
```
#3c2a74
```
#3c2a74 rgb(60,42,116)
```
#422a74
```
#422a74 rgb(66,42,116)
```

Similar Colors

Text with hexadecimal color #302a74

This text has a font color of #302a74.

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

#302a74 background color

This paragraph has a background color of #302a74.

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

#302a74 border color

This element has a border color of #302a74.

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

CSS codes

.text {color:#302a74;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#06060f
```
#06060f rgb(6,6,15)
```
#0c0b1e
```
#0c0b1e rgb(12,11,30)
```
#12102c
```
#12102c rgb(18,16,44)
```
#18153a
```
#18153a rgb(24,21,58)
```
#1e1a49
```
#1e1a49 rgb(30,26,73)
```
#242057
```
#242057 rgb(36,32,87)
```
#2a2566
```
#2a2566 rgb(42,37,102)
```
#302a74
```
#302a74 rgb(48,42,116)
```
#362f82
```
#362f82 rgb(54,47,130)
```
#3c3491
```
#3c3491 rgb(60,52,145)
```
#423a9f
```
#423a9f rgb(66,58,159)
```
#483fae
```
#483fae rgb(72,63,174)
```

Shade Color Variation

#4e45bc
```
#4e45bc rgb(78,69,188)
```
#5c53c1
```
#5c53c1 rgb(92,83,193)
```
#6a61c6
```
#6a61c6 rgb(106,97,198)
```
#7770cb
```
#7770cb rgb(119,112,203)
```
#857ed0
```
#857ed0 rgb(133,126,208)
```
#928dd6
```
#928dd6 rgb(146,141,214)
```
#a09bdb
```
#a09bdb rgb(160,155,219)
```
#aea9e0
```
#aea9e0 rgb(174,169,224)
```
#bbb8e5
```
#bbb8e5 rgb(187,184,229)
```
#c9c6ea
```
#c9c6ea rgb(201,198,234)
```
#d7d5f0
```
#d7d5f0 rgb(215,213,240)
```
#e4e3f5
```
#e4e3f5 rgb(228,227,245)
```
#f2f1fa
```
#f2f1fa rgb(242,241,250)
```

Tint Color Variation

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

#4f4e50
```
#4f4e50 rgb(79,78,80)
```
#494856
```
#494856 rgb(73,72,86)
```
#44425c
```
#44425c rgb(68,66,92)
```
#3f3c62
```
#3f3c62 rgb(63,60,98)
```
#3a3668
```
#3a3668 rgb(58,54,104)
```
#35306e
```
#35306e rgb(53,48,110)
```
#302a74
```
#302a74 rgb(48,42,116)
```
#2b247a
```
#2b247a rgb(43,36,122)
```
#261e80
```
#261e80 rgb(38,30,128)
```
#211886
```
#211886 rgb(33,24,134)
```
#1c128c
```
#1c128c rgb(28,18,140)
```
#170c92
```
#170c92 rgb(23,12,146)
```
#110698
```
#110698 rgb(17,6,152)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#333241 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d78 Protanopia 1% of men
#004069 Deuteranopia 1% of men
#214449 Tritanopia 0.001% of the population

Trichromacy

#113676 Protanomaly 1% of men, 0.01% of women
#11386d Deuteranomaly 6% of men, 0.4% of women
#263a58 Tritanomaly 0.01% of the population

#302a74 hex color

#302a74 Color Information

#302a74 Color Conversion

Color Schemes with #302a74

Alternatives to #302a74

#302a74 Preview

Shades and Tints of #302a74

Tones of #302a74

Color Blindness Simulator