#304694 hex color

In a RGB color space, hex #304694 is composed of 18.8% red, 27.5% green and 58% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 52.7% magenta, 0% yellow and 42% black. It has a hue angle of 226.8 degrees, a saturation of 51% and a lightness of 38.4%. #304694 color hex could be obtained by blending #608cff with #000029. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 27
- B 58
RGB color chart
- C 68
- M 53
- Y 0
- K 42
CMYK color chart

● #304694 color description : Dark moderate blue.

The hexadecimal color #304694 has RGB values of R:48, G:70, B:148 and CMYK values of C:0.68, M:0.53, Y:0, K:0.42. Its decimal value is 3163796.

Hex triplet	304694	`#304694`
RGB Decimal	48, 70, 148	`rgb(48,70,148)`
RGB Percent	18.8, 27.5, 58	`rgb(18.8%,27.5%,58%)`
CMYK	68, 53, 0, 42
HSL	226.8°, 51, 38.4	`hsl(226.8,51%,38.4%)`
HSV (or HSB)	226.8°, 67.6, 58
Web Safe	333399	`#333399`

CIE-LAB	32.138, 18.305, -45.585
XYZ	8.753, 7.146, 28.933
xyY	0.195, 0.159, 7.146
CIE-LCH	32.138, 49.123, 291.878
CIE-LUV	32.138, -10.506, -63.133
Hunter-Lab	26.733, 11.666, -45.459
Binary	00110000, 01000110, 10010100

#304694
```
#304694 rgb(48,70,148)
```
#947e30
```
#947e30 rgb(148,126,48)
```

Complementary Color

#307894
```
#307894 rgb(48,120,148)
```
#304694
```
#304694 rgb(48,70,148)
```
#4c3094
```
#4c3094 rgb(76,48,148)
```

Analogous Color

#789430
```
#789430 rgb(120,148,48)
```
#304694
```
#304694 rgb(48,70,148)
```
#944c30
```
#944c30 rgb(148,76,48)
```

Split Complementary Color

#469430
```
#469430 rgb(70,148,48)
```
#304694
```
#304694 rgb(48,70,148)
```
#943046
```
#943046 rgb(148,48,70)
```

Triadic Color

#30947e
```
#30947e rgb(48,148,126)
```
#304694
```
#304694 rgb(48,70,148)
```
#943046
```
#943046 rgb(148,48,70)
```
#947e30
```
#947e30 rgb(148,126,48)
```

Tetradic Color

#1d2b5a
```
#1d2b5a rgb(29,43,90)
```
#24346d
```
#24346d rgb(36,52,109)
```
#2a3d81
```
#2a3d81 rgb(42,61,129)
```
#304694
```
#304694 rgb(48,70,148)
```
#364fa7
```
#364fa7 rgb(54,79,167)
```
#3c58bb
```
#3c58bb rgb(60,88,187)
```
#4c66c5
```
#4c66c5 rgb(76,102,197)
```

Monochromatic Color

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

#305f94
```
#305f94 rgb(48,95,148)
```
#305794
```
#305794 rgb(48,87,148)
```
#304e94
```
#304e94 rgb(48,78,148)
```
#304694
```
#304694 rgb(48,70,148)
```
#303e94
```
#303e94 rgb(48,62,148)
```
#303594
```
#303594 rgb(48,53,148)
```
#333094
```
#333094 rgb(51,48,148)
```

Similar Colors

Text with hexadecimal color #304694

This text has a font color of #304694.

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

#304694 background color

This paragraph has a background color of #304694.

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

#304694 border color

This element has a border color of #304694.

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

CSS codes

.text {color:#304694;}

.background {background-color:#304694;}

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

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, #05070f is the darkest color, while #ffffff is the lightest one.

#05070f
```
#05070f rgb(5,7,15)
```
#0a0e1e
```
#0a0e1e rgb(10,14,30)
```
#0e152c
```
#0e152c rgb(14,21,44)
```
#131c3b
```
#131c3b rgb(19,28,59)
```
#18234a
```
#18234a rgb(24,35,74)
```
#1d2a59
```
#1d2a59 rgb(29,42,89)
```
#223168
```
#223168 rgb(34,49,104)
```
#263876
```
#263876 rgb(38,56,118)
```
#2b3f85
```
#2b3f85 rgb(43,63,133)
```
#304694
```
#304694 rgb(48,70,148)
```
#354da3
```
#354da3 rgb(53,77,163)
```
#3a54b2
```
#3a54b2 rgb(58,84,178)
```
#3e5bc0
```
#3e5bc0 rgb(62,91,192)
```

Shade Color Variation

#4d68c5
```
#4d68c5 rgb(77,104,197)
```
#5c74ca
```
#5c74ca rgb(92,116,202)
```
#6b81cf
```
#6b81cf rgb(107,129,207)
```
#7a8dd4
```
#7a8dd4 rgb(122,141,212)
```
#889ad9
```
#889ad9 rgb(136,154,217)
```
#97a7dd
```
#97a7dd rgb(151,167,221)
```
#a6b3e2
```
#a6b3e2 rgb(166,179,226)
```
#b5c0e7
```
#b5c0e7 rgb(181,192,231)
```
#c4ccec
```
#c4ccec rgb(196,204,236)
```
#d2d9f1
```
#d2d9f1 rgb(210,217,241)
```
#e1e6f5
```
#e1e6f5 rgb(225,230,245)
```
#f0f2fa
```
#f0f2fa rgb(240,242,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5d5f67
```
#5d5f67 rgb(93,95,103)
```
#565b6e
```
#565b6e rgb(86,91,110)
```
#4e5776
```
#4e5776 rgb(78,87,118)
```
#47537d
```
#47537d rgb(71,83,125)
```
#3f4e85
```
#3f4e85 rgb(63,78,133)
```
#384a8c
```
#384a8c rgb(56,74,140)
```
#304694
```
#304694 rgb(48,70,148)
```
#28429c
```
#28429c rgb(40,66,156)
```
#213ea3
```
#213ea3 rgb(33,62,163)
```
#1939ab
```
#1939ab rgb(25,57,171)
```
#1235b2
```
#1235b2 rgb(18,53,178)
```
#0a31ba
```
#0a31ba rgb(10,49,186)
```
#032dc1
```
#032dc1 rgb(3,45,193)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434857 Atypical Achromatopsia 0.001% of the population

Dichromacy

#21529c Protanopia 1% of men
#00568e Deuteranopia 1% of men
#005d63 Tritanopia 0.001% of the population

Trichromacy

#264d99 Protanomaly 1% of men, 0.01% of women
#115090 Deuteranomaly 6% of men, 0.4% of women
#115475 Tritanomaly 0.01% of the population

#304694 hex color

#304694 Color Information

#304694 Color Conversion

Color Schemes with #304694

Alternatives to #304694

#304694 Preview

Shades and Tints of #304694

Tones of #304694

Color Blindness Simulator