#304a80 hex color

In a RGB color space, hex #304a80 is composed of 18.8% red, 29% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 42.2% magenta, 0% yellow and 49.8% black. It has a hue angle of 220.5 degrees, a saturation of 45.5% and a lightness of 34.5%. #304a80 color hex could be obtained by blending #6094ff with #000001. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 29
- B 50
RGB color chart
- C 63
- M 42
- Y 0
- K 50
CMYK color chart

● #304a80 color description : Dark moderate blue.

The hexadecimal color #304a80 has RGB values of R:48, G:74, B:128 and CMYK values of C:0.63, M:0.42, Y:0, K:0.5. Its decimal value is 3164800.

Hex triplet	304a80	`#304a80`
RGB Decimal	48, 74, 128	`rgb(48,74,128)`
RGB Percent	18.8, 29, 50.2	`rgb(18.8%,29%,50.2%)`
CMYK	63, 42, 0, 50
HSL	220.5°, 45.5, 34.5	`hsl(220.5,45.5%,34.5%)`
HSV (or HSB)	220.5°, 62.5, 50.2
Web Safe	333399	`#333399`

CIE-LAB	31.997, 8.174, -33.51
XYZ	7.563, 7.084, 21.39
xyY	0.21, 0.197, 7.084
CIE-LCH	31.997, 34.492, 283.708
CIE-LUV	31.997, -11.595, -45.815
Hunter-Lab	26.616, 4.145, -29.017
Binary	00110000, 01001010, 10000000

#304a80
```
#304a80 rgb(48,74,128)
```
#806630
```
#806630 rgb(128,102,48)
```

Complementary Color

#307280
```
#307280 rgb(48,114,128)
```
#304a80
```
#304a80 rgb(48,74,128)
```
#3e3080
```
#3e3080 rgb(62,48,128)
```

Analogous Color

#728030
```
#728030 rgb(114,128,48)
```
#304a80
```
#304a80 rgb(48,74,128)
```
#803e30
```
#803e30 rgb(128,62,48)
```

Split Complementary Color

#4a8030
```
#4a8030 rgb(74,128,48)
```
#304a80
```
#304a80 rgb(48,74,128)
```
#80304a
```
#80304a rgb(128,48,74)
```

Triadic Color

#308066
```
#308066 rgb(48,128,102)
```
#304a80
```
#304a80 rgb(48,74,128)
```
#80304a
```
#80304a rgb(128,48,74)
```
#806630
```
#806630 rgb(128,102,48)
```

Tetradic Color

#1b2a48
```
#1b2a48 rgb(27,42,72)
```
#22355b
```
#22355b rgb(34,53,91)
```
#293f6d
```
#293f6d rgb(41,63,109)
```
#304a80
```
#304a80 rgb(48,74,128)
```
#375593
```
#375593 rgb(55,85,147)
```
#3e5fa5
```
#3e5fa5 rgb(62,95,165)
```
#456ab8
```
#456ab8 rgb(69,106,184)
```

Monochromatic Color

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

#305e80
```
#305e80 rgb(48,94,128)
```
#305780
```
#305780 rgb(48,87,128)
```
#305180
```
#305180 rgb(48,81,128)
```
#304a80
```
#304a80 rgb(48,74,128)
```
#304380
```
#304380 rgb(48,67,128)
```
#303d80
```
#303d80 rgb(48,61,128)
```
#303680
```
#303680 rgb(48,54,128)
```

Similar Colors

Text with hexadecimal color #304a80

This text has a font color of #304a80.

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

#304a80 background color

This paragraph has a background color of #304a80.

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

#304a80 border color

This element has a border color of #304a80.

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

CSS codes

.text {color:#304a80;}

.background {background-color:#304a80;}

.border {border:1px solid #304a80;}

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

#05080e
```
#05080e rgb(5,8,14)
```
#0b101c
```
#0b101c rgb(11,16,28)
```
#10192a
```
#10192a rgb(16,25,42)
```
#152139
```
#152139 rgb(21,33,57)
```
#1b2947
```
#1b2947 rgb(27,41,71)
```
#203155
```
#203155 rgb(32,49,85)
```
#253a63
```
#253a63 rgb(37,58,99)
```
#2b4272
```
#2b4272 rgb(43,66,114)
```
#304a80
```
#304a80 rgb(48,74,128)
```
#35528e
```
#35528e rgb(53,82,142)
```
#3b5a9d
```
#3b5a9d rgb(59,90,157)
```
#4063ab
```
#4063ab rgb(64,99,171)
```
#456bb9
```
#456bb9 rgb(69,107,185)
```

Shade Color Variation

#5376bf
```
#5376bf rgb(83,118,191)
```
#6282c4
```
#6282c4 rgb(98,130,196)
```
#708dc9
```
#708dc9 rgb(112,141,201)
```
#7e98cf
```
#7e98cf rgb(126,152,207)
```
#8ca4d4
```
#8ca4d4 rgb(140,164,212)
```
#9bafd9
```
#9bafd9 rgb(155,175,217)
```
#a9badf
```
#a9badf rgb(169,186,223)
```
#b7c6e4
```
#b7c6e4 rgb(183,198,228)
```
#c6d1e9
```
#c6d1e9 rgb(198,209,233)
```
#d4ddef
```
#d4ddef rgb(212,221,239)
```
#e2e8f4
```
#e2e8f4 rgb(226,232,244)
```
#f0f3fa
```
#f0f3fa rgb(240,243,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52565e is the less saturated color, while #0139af is the most saturated one.

#52565e
```
#52565e rgb(82,86,94)
```
#4b5365
```
#4b5365 rgb(75,83,101)
```
#44516c
```
#44516c rgb(68,81,108)
```
#3e4f72
```
#3e4f72 rgb(62,79,114)
```
#374c79
```
#374c79 rgb(55,76,121)
```
#304a80
```
#304a80 rgb(48,74,128)
```
#294887
```
#294887 rgb(41,72,135)
```
#22458e
```
#22458e rgb(34,69,142)
```
#1c4394
```
#1c4394 rgb(28,67,148)
```
#15419b
```
#15419b rgb(21,65,155)
```
#0e3ea2
```
#0e3ea2 rgb(14,62,162)
```
#073ca9
```
#073ca9 rgb(7,60,169)
```
#0139af
```
#0139af rgb(1,57,175)
```

Tone Color Variation

Below, you can see how #304a80 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
#434853 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d5286 Protanopia 1% of men
#305585 Deuteranopia 1% of men
#245b62 Tritanopia 0.001% of the population

Trichromacy

#384f83 Protanomaly 1% of men, 0.01% of women
#305183 Deuteranomaly 6% of men, 0.4% of women
#28556d Tritanomaly 0.01% of the population

#304a80 hex color

#304a80 Color Information

#304a80 Color Conversion

Color Schemes with #304a80

Alternatives to #304a80

#304a80 Preview

Shades and Tints of #304a80

Tones of #304a80

Color Blindness Simulator