#304076 hex color

In a RGB color space, hex #304076 is composed of 18.8% red, 25.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 45.8% magenta, 0% yellow and 53.7% black. It has a hue angle of 226.3 degrees, a saturation of 42.2% and a lightness of 32.5%. #304076 color hex could be obtained by blending #6080ec with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 25
- B 46
RGB color chart
- C 59
- M 46
- Y 0
- K 54
CMYK color chart

● #304076 color description : Dark moderate blue.

The hexadecimal color #304076 has RGB values of R:48, G:64, B:118 and CMYK values of C:0.59, M:0.46, Y:0, K:0.54. Its decimal value is 3162230.

Hex triplet	304076	`#304076`
RGB Decimal	48, 64, 118	`rgb(48,64,118)`
RGB Percent	18.8, 25.1, 46.3	`rgb(18.8%,25.1%,46.3%)`
CMYK	59, 46, 0, 54
HSL	226.3°, 42.2, 32.5	`hsl(226.3,42.2%,32.5%)`
HSV (or HSB)	226.3°, 59.3, 46.3
Web Safe	333366	`#333366`

CIE-LAB	28.388, 11.256, -33.005
XYZ	6.322, 5.603, 17.887
xyY	0.212, 0.188, 5.603
CIE-LCH	28.388, 34.872, 288.831
CIE-LUV	28.388, -8.218, -43.627
Hunter-Lab	23.67, 6.249, -28.234
Binary	00110000, 01000000, 01110110

#304076
```
#304076 rgb(48,64,118)
```
#766630
```
#766630 rgb(118,102,48)
```

Complementary Color

#306376
```
#306376 rgb(48,99,118)
```
#304076
```
#304076 rgb(48,64,118)
```
#433076
```
#433076 rgb(67,48,118)
```

Analogous Color

#637630
```
#637630 rgb(99,118,48)
```
#304076
```
#304076 rgb(48,64,118)
```
#764330
```
#764330 rgb(118,67,48)
```

Split Complementary Color

#407630
```
#407630 rgb(64,118,48)
```
#304076
```
#304076 rgb(48,64,118)
```
#763040
```
#763040 rgb(118,48,64)
```

Triadic Color

#307666
```
#307666 rgb(48,118,102)
```
#304076
```
#304076 rgb(48,64,118)
```
#763040
```
#763040 rgb(118,48,64)
```
#766630
```
#766630 rgb(118,102,48)
```

Tetradic Color

#1a2340
```
#1a2340 rgb(26,35,64)
```
#212c52
```
#212c52 rgb(33,44,82)
```
#293664
```
#293664 rgb(41,54,100)
```
#304076
```
#304076 rgb(48,64,118)
```
#374a88
```
#374a88 rgb(55,74,136)
```
#3f549a
```
#3f549a rgb(63,84,154)
```
#465dac
```
#465dac rgb(70,93,172)
```

Monochromatic Color

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

#305276
```
#305276 rgb(48,82,118)
```
#304c76
```
#304c76 rgb(48,76,118)
```
#304676
```
#304676 rgb(48,70,118)
```
#304076
```
#304076 rgb(48,64,118)
```
#303a76
```
#303a76 rgb(48,58,118)
```
#303476
```
#303476 rgb(48,52,118)
```
#323076
```
#323076 rgb(50,48,118)
```

Similar Colors

Text with hexadecimal color #304076

This text has a font color of #304076.

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

#304076 background color

This paragraph has a background color of #304076.

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

#304076 border color

This element has a border color of #304076.

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

CSS codes

.text {color:#304076;}

.background {background-color:#304076;}

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

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

#030306
```
#030306 rgb(3,3,6)
```
#080b14
```
#080b14 rgb(8,11,20)
```
#0e1322
```
#0e1322 rgb(14,19,34)
```
#141a30
```
#141a30 rgb(20,26,48)
```
#19223e
```
#19223e rgb(25,34,62)
```
#1f294c
```
#1f294c rgb(31,41,76)
```
#25315a
```
#25315a rgb(37,49,90)
```
#2a3868
```
#2a3868 rgb(42,56,104)
```
#304076
```
#304076 rgb(48,64,118)
```
#364884
```
#364884 rgb(54,72,132)
```
#3b4f92
```
#3b4f92 rgb(59,79,146)
```
#4157a0
```
#4157a0 rgb(65,87,160)
```
#475eae
```
#475eae rgb(71,94,174)
```

Shade Color Variation

#5068b8
```
#5068b8 rgb(80,104,184)
```
#5e74be
```
#5e74be rgb(94,116,190)
```
#6c80c3
```
#6c80c3 rgb(108,128,195)
```
#7a8cc9
```
#7a8cc9 rgb(122,140,201)
```
#8898cf
```
#8898cf rgb(136,152,207)
```
#96a4d4
```
#96a4d4 rgb(150,164,212)
```
#a4b0da
```
#a4b0da rgb(164,176,218)
```
#b2bce0
```
#b2bce0 rgb(178,188,224)
```
#c0c8e5
```
#c0c8e5 rgb(192,200,229)
```
#ced4eb
```
#ced4eb rgb(206,212,235)
```
#dce0f1
```
#dce0f1 rgb(220,224,241)
```
#eaecf6
```
#eaecf6 rgb(234,236,246)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#505156
```
#505156 rgb(80,81,86)
```
#4a4e5c
```
#4a4e5c rgb(74,78,92)
```
#434a63
```
#434a63 rgb(67,74,99)
```
#3d4769
```
#3d4769 rgb(61,71,105)
```
#364370
```
#364370 rgb(54,67,112)
```
#304076
```
#304076 rgb(48,64,118)
```
#2a3d7c
```
#2a3d7c rgb(42,61,124)
```
#233983
```
#233983 rgb(35,57,131)
```
#1d3689
```
#1d3689 rgb(29,54,137)
```
#163290
```
#163290 rgb(22,50,144)
```
#102f96
```
#102f96 rgb(16,47,150)
```
#0a2b9c
```
#0a2b9c rgb(10,43,156)
```
#0328a3
```
#0328a3 rgb(3,40,163)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3e414c Atypical Achromatopsia 0.001% of the population

Dichromacy

#334b7e Protanopia 1% of men
#274d7b Deuteranopia 1% of men
#275258 Tritanopia 0.001% of the population

Trichromacy

#32477b Protanomaly 1% of men, 0.01% of women
#2a4879 Deuteranomaly 6% of men, 0.4% of women
#2a4b63 Tritanomaly 0.01% of the population

#304076 hex color

#304076 Color Information

#304076 Color Conversion

Color Schemes with #304076

Alternatives to #304076

#304076 Preview

Shades and Tints of #304076

Tones of #304076

Color Blindness Simulator