#304582 hex color

In a RGB color space, hex #304582 is composed of 18.8% red, 27.1% green and 51% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 46.9% magenta, 0% yellow and 49% black. It has a hue angle of 224.6 degrees, a saturation of 46.1% and a lightness of 34.9%. #304582 color hex could be obtained by blending #608aff with #000005. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 27
- B 51
RGB color chart
- C 63
- M 47
- Y 0
- K 49
CMYK color chart

● #304582 color description : Dark moderate blue.

The hexadecimal color #304582 has RGB values of R:48, G:69, B:130 and CMYK values of C:0.63, M:0.47, Y:0, K:0.49. Its decimal value is 3163522.

Hex triplet	304582	`#304582`
RGB Decimal	48, 69, 130	`rgb(48,69,130)`
RGB Percent	18.8, 27.1, 51	`rgb(18.8%,27.1%,51%)`
CMYK	63, 47, 0, 49
HSL	224.6°, 46.1, 34.9	`hsl(224.6,46.1%,34.9%)`
HSV (or HSB)	224.6°, 63.1, 51
Web Safe	333399	`#333399`

CIE-LAB	30.631, 12.271, -36.931
XYZ	7.375, 6.496, 21.983
xyY	0.206, 0.181, 6.496
CIE-LCH	30.631, 38.917, 288.38
CIE-LUV	30.631, -9.985, -50.162
Hunter-Lab	25.487, 7.052, -33.298
Binary	00110000, 01000101, 10000010

#304582
```
#304582 rgb(48,69,130)
```
#826d30
```
#826d30 rgb(130,109,48)
```

Complementary Color

#306e82
```
#306e82 rgb(48,110,130)
```
#304582
```
#304582 rgb(48,69,130)
```
#443082
```
#443082 rgb(68,48,130)
```

Analogous Color

#6e8230
```
#6e8230 rgb(110,130,48)
```
#304582
```
#304582 rgb(48,69,130)
```
#824430
```
#824430 rgb(130,68,48)
```

Split Complementary Color

#458230
```
#458230 rgb(69,130,48)
```
#304582
```
#304582 rgb(48,69,130)
```
#823045
```
#823045 rgb(130,48,69)
```

Triadic Color

#30826d
```
#30826d rgb(48,130,109)
```
#304582
```
#304582 rgb(48,69,130)
```
#823045
```
#823045 rgb(130,48,69)
```
#826d30
```
#826d30 rgb(130,109,48)
```

Tetradic Color

#1b274a
```
#1b274a rgb(27,39,74)
```
#22315d
```
#22315d rgb(34,49,93)
```
#293b6f
```
#293b6f rgb(41,59,111)
```
#304582
```
#304582 rgb(48,69,130)
```
#374f95
```
#374f95 rgb(55,79,149)
```
#3e59a7
```
#3e59a7 rgb(62,89,167)
```
#4563ba
```
#4563ba rgb(69,99,186)
```

Monochromatic Color

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

#305a82
```
#305a82 rgb(48,90,130)
```
#305382
```
#305382 rgb(48,83,130)
```
#304c82
```
#304c82 rgb(48,76,130)
```
#304582
```
#304582 rgb(48,69,130)
```
#303e82
```
#303e82 rgb(48,62,130)
```
#303782
```
#303782 rgb(48,55,130)
```
#303182
```
#303182 rgb(48,49,130)
```

Similar Colors

Text with hexadecimal color #304582

This text has a font color of #304582.

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

#304582 background color

This paragraph has a background color of #304582.

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

#304582 border color

This element has a border color of #304582.

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

CSS codes

.text {color:#304582;}

.background {background-color:#304582;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#06080f
```
#06080f rgb(6,8,15)
```
#0b101e
```
#0b101e rgb(11,16,30)
```
#10172c
```
#10172c rgb(16,23,44)
```
#161f3a
```
#161f3a rgb(22,31,58)
```
#1b2749
```
#1b2749 rgb(27,39,73)
```
#202e57
```
#202e57 rgb(32,46,87)
```
#253665
```
#253665 rgb(37,54,101)
```
#2b3d74
```
#2b3d74 rgb(43,61,116)
```
#304582
```
#304582 rgb(48,69,130)
```
#354d90
```
#354d90 rgb(53,77,144)
```
#3b549f
```
#3b549f rgb(59,84,159)
```
#405cad
```
#405cad rgb(64,92,173)
```

Shade Color Variation

#4664bb
```
#4664bb rgb(70,100,187)
```
#5470c0
```
#5470c0 rgb(84,112,192)
```
#627cc5
```
#627cc5 rgb(98,124,197)
```
#7188ca
```
#7188ca rgb(113,136,202)
```
#7f94d0
```
#7f94d0 rgb(127,148,208)
```
#8da0d5
```
#8da0d5 rgb(141,160,213)
```
#9cacda
```
#9cacda rgb(156,172,218)
```
#aab8e0
```
#aab8e0 rgb(170,184,224)
```
#b8c4e5
```
#b8c4e5 rgb(184,196,229)
```
#c7d0ea
```
#c7d0ea rgb(199,208,234)
```
#d5dcf0
```
#d5dcf0 rgb(213,220,240)
```
#e3e8f5
```
#e3e8f5 rgb(227,232,245)
```
#f2f4fa
```
#f2f4fa rgb(242,244,250)
```

Tint Color Variation

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

#525660
```
#525660 rgb(82,86,96)
```
#4b5267
```
#4b5267 rgb(75,82,103)
```
#454f6d
```
#454f6d rgb(69,79,109)
```
#3e4c74
```
#3e4c74 rgb(62,76,116)
```
#37487b
```
#37487b rgb(55,72,123)
```
#304582
```
#304582 rgb(48,69,130)
```
#294289
```
#294289 rgb(41,66,137)
```
#223e90
```
#223e90 rgb(34,62,144)
```
#1b3b97
```
#1b3b97 rgb(27,59,151)
```
#15389d
```
#15389d rgb(21,56,157)
```
#0e34a4
```
#0e34a4 rgb(14,52,164)
```
#0731ab
```
#0731ab rgb(7,49,171)
```
#002eb2
```
#002eb2 rgb(0,46,178)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#424652 Atypical Achromatopsia 0.001% of the population

Dichromacy

#334f89 Protanopia 1% of men
#205286 Deuteranopia 1% of men
#1f585f Tritanopia 0.001% of the population

Trichromacy

#324b86 Protanomaly 1% of men, 0.01% of women
#254d85 Deuteranomaly 6% of men, 0.4% of women
#25516b Tritanomaly 0.01% of the population

#304582 hex color

#304582 Color Information

#304582 Color Conversion

Color Schemes with #304582

Alternatives to #304582

#304582 Preview

Shades and Tints of #304582

Tones of #304582

Color Blindness Simulator