#304194 hex color

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

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

● #304194 color description : Dark moderate blue.

The hexadecimal color #304194 has RGB values of R:48, G:65, B:148 and CMYK values of C:0.68, M:0.56, Y:0, K:0.42. Its decimal value is 3162516.

Hex triplet	304194	`#304194`
RGB Decimal	48, 65, 148	`rgb(48,65,148)`
RGB Percent	18.8, 25.5, 58	`rgb(18.8%,25.5%,58%)`
CMYK	68, 56, 0, 42
HSL	229.8°, 51, 38.4	`hsl(229.8,51%,38.4%)`
HSV (or HSB)	229.8°, 67.6, 58
Web Safe	333399	`#333399`

CIE-LAB	30.752, 21.671, -47.826
XYZ	8.453, 6.547, 28.833
xyY	0.193, 0.149, 6.547
CIE-LCH	30.752, 52.507, 294.376
CIE-LUV	30.752, -9.106, -65.281
Hunter-Lab	25.586, 14.198, -48.904
Binary	00110000, 01000001, 10010100

#304194
```
#304194 rgb(48,65,148)
```
#948330
```
#948330 rgb(148,131,48)
```

Complementary Color

#307394
```
#307394 rgb(48,115,148)
```
#304194
```
#304194 rgb(48,65,148)
```
#513094
```
#513094 rgb(81,48,148)
```

Analogous Color

#739430
```
#739430 rgb(115,148,48)
```
#304194
```
#304194 rgb(48,65,148)
```
#945130
```
#945130 rgb(148,81,48)
```

Split Complementary Color

#419430
```
#419430 rgb(65,148,48)
```
#304194
```
#304194 rgb(48,65,148)
```
#943041
```
#943041 rgb(148,48,65)
```

Triadic Color

#309483
```
#309483 rgb(48,148,131)
```
#304194
```
#304194 rgb(48,65,148)
```
#943041
```
#943041 rgb(148,48,65)
```
#948330
```
#948330 rgb(148,131,48)
```

Tetradic Color

#1d285a
```
#1d285a rgb(29,40,90)
```
#24306d
```
#24306d rgb(36,48,109)
```
#2a3981
```
#2a3981 rgb(42,57,129)
```
#304194
```
#304194 rgb(48,65,148)
```
#3649a7
```
#3649a7 rgb(54,73,167)
```
#3c52bb
```
#3c52bb rgb(60,82,187)
```
#4c60c5
```
#4c60c5 rgb(76,96,197)
```

Monochromatic Color

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

#305a94
```
#305a94 rgb(48,90,148)
```
#305294
```
#305294 rgb(48,82,148)
```
#304994
```
#304994 rgb(48,73,148)
```
#304194
```
#304194 rgb(48,65,148)
```
#303994
```
#303994 rgb(48,57,148)
```
#303094
```
#303094 rgb(48,48,148)
```
#383094
```
#383094 rgb(56,48,148)
```

Similar Colors

Text with hexadecimal color #304194

This text has a font color of #304194.

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

#304194 background color

This paragraph has a background color of #304194.

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

#304194 border color

This element has a border color of #304194.

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

CSS codes

.text {color:#304194;}

.background {background-color:#304194;}

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

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

#05060f
```
#05060f rgb(5,6,15)
```
#0a0d1e
```
#0a0d1e rgb(10,13,30)
```
#0e132c
```
#0e132c rgb(14,19,44)
```
#131a3b
```
#131a3b rgb(19,26,59)
```
#18204a
```
#18204a rgb(24,32,74)
```
#1d2759
```
#1d2759 rgb(29,39,89)
```
#222d68
```
#222d68 rgb(34,45,104)
```
#263476
```
#263476 rgb(38,52,118)
```
#2b3a85
```
#2b3a85 rgb(43,58,133)
```
#304194
```
#304194 rgb(48,65,148)
```
#3548a3
```
#3548a3 rgb(53,72,163)
```
#3a4eb2
```
#3a4eb2 rgb(58,78,178)
```
#3e55c0
```
#3e55c0 rgb(62,85,192)
```

Shade Color Variation

#4d62c5
```
#4d62c5 rgb(77,98,197)
```
#5c6fca
```
#5c6fca rgb(92,111,202)
```
#6b7ccf
```
#6b7ccf rgb(107,124,207)
```
#7a89d4
```
#7a89d4 rgb(122,137,212)
```
#8896d9
```
#8896d9 rgb(136,150,217)
```
#97a3dd
```
#97a3dd rgb(151,163,221)
```
#a6b0e2
```
#a6b0e2 rgb(166,176,226)
```
#b5bde7
```
#b5bde7 rgb(181,189,231)
```
#c4caec
```
#c4caec rgb(196,202,236)
```
#d2d8f1
```
#d2d8f1 rgb(210,216,241)
```
#e1e5f5
```
#e1e5f5 rgb(225,229,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 #0323c1 is the most saturated one.

#5d5f67
```
#5d5f67 rgb(93,95,103)
```
#565a6e
```
#565a6e rgb(86,90,110)
```
#4e5576
```
#4e5576 rgb(78,85,118)
```
#47507d
```
#47507d rgb(71,80,125)
```
#3f4b85
```
#3f4b85 rgb(63,75,133)
```
#38468c
```
#38468c rgb(56,70,140)
```
#304194
```
#304194 rgb(48,65,148)
```
#283c9c
```
#283c9c rgb(40,60,156)
```
#2137a3
```
#2137a3 rgb(33,55,163)
```
#1932ab
```
#1932ab rgb(25,50,171)
```
#122db2
```
#122db2 rgb(18,45,178)
```
#0a28ba
```
#0a28ba rgb(10,40,186)
```
#0323c1
```
#0323c1 rgb(3,35,193)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#414455 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9b Protanopia 1% of men
#005388 Deuteranopia 1% of men
#005960 Tritanopia 0.001% of the population

Trichromacy

#114a98 Protanomaly 1% of men, 0.01% of women
#114c8c Deuteranomaly 6% of men, 0.4% of women
#115072 Tritanomaly 0.01% of the population

#304194 hex color

#304194 Color Information

#304194 Color Conversion

Color Schemes with #304194

Alternatives to #304194

#304194 Preview

Shades and Tints of #304194

Tones of #304194

Color Blindness Simulator