#304585 hex color

In a RGB color space, hex #304585 is composed of 18.8% red, 27.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 48.1% magenta, 0% yellow and 47.8% black. It has a hue angle of 225.2 degrees, a saturation of 47% and a lightness of 35.5%. #304585 color hex could be obtained by blending #608aff with #00000b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 27
- B 52
RGB color chart
- C 64
- M 48
- Y 0
- K 48
CMYK color chart

● #304585 color description : Dark moderate blue.

The hexadecimal color #304585 has RGB values of R:48, G:69, B:133 and CMYK values of C:0.64, M:0.48, Y:0, K:0.48. Its decimal value is 3163525.

Hex triplet	304585	`#304585`
RGB Decimal	48, 69, 133	`rgb(48,69,133)`
RGB Percent	18.8, 27.1, 52.2	`rgb(18.8%,27.1%,52.2%)`
CMYK	64, 48, 0, 48
HSL	225.2°, 47, 35.5	`hsl(225.2,47%,35.5%)`
HSV (or HSB)	225.2°, 63.9, 52.2
Web Safe	333399	`#333399`

CIE-LAB	30.825, 13.383, -38.48
XYZ	7.58, 6.578, 23.059
xyY	0.204, 0.177, 6.578
CIE-LCH	30.825, 40.741, 289.177
CIE-LUV	30.825, -10.02, -52.444
Hunter-Lab	25.647, 7.872, -35.355
Binary	00110000, 01000101, 10000101

#304585
```
#304585 rgb(48,69,133)
```
#857030
```
#857030 rgb(133,112,48)
```

Complementary Color

#307085
```
#307085 rgb(48,112,133)
```
#304585
```
#304585 rgb(48,69,133)
```
#463085
```
#463085 rgb(70,48,133)
```

Analogous Color

#708530
```
#708530 rgb(112,133,48)
```
#304585
```
#304585 rgb(48,69,133)
```
#854630
```
#854630 rgb(133,70,48)
```

Split Complementary Color

#458530
```
#458530 rgb(69,133,48)
```
#304585
```
#304585 rgb(48,69,133)
```
#853045
```
#853045 rgb(133,48,69)
```

Triadic Color

#308570
```
#308570 rgb(48,133,112)
```
#304585
```
#304585 rgb(48,69,133)
```
#853045
```
#853045 rgb(133,48,69)
```
#857030
```
#857030 rgb(133,112,48)
```

Tetradic Color

#1c284d
```
#1c284d rgb(28,40,77)
```
#223260
```
#223260 rgb(34,50,96)
```
#293b72
```
#293b72 rgb(41,59,114)
```
#304585
```
#304585 rgb(48,69,133)
```
#374f98
```
#374f98 rgb(55,79,152)
```
#3e58aa
```
#3e58aa rgb(62,88,170)
```
#4563bc
```
#4563bc rgb(69,99,188)
```

Monochromatic Color

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

#305a85
```
#305a85 rgb(48,90,133)
```
#305385
```
#305385 rgb(48,83,133)
```
#304c85
```
#304c85 rgb(48,76,133)
```
#304585
```
#304585 rgb(48,69,133)
```
#303e85
```
#303e85 rgb(48,62,133)
```
#303785
```
#303785 rgb(48,55,133)
```
#303085
```
#303085 rgb(48,48,133)
```

Similar Colors

Text with hexadecimal color #304585

This text has a font color of #304585.

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

#304585 background color

This paragraph has a background color of #304585.

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

#304585 border color

This element has a border color of #304585.

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

CSS codes

.text {color:#304585;}

.background {background-color:#304585;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060912
```
#060912 rgb(6,9,18)
```
#0c1120
```
#0c1120 rgb(12,17,32)
```
#11182f
```
#11182f rgb(17,24,47)
```
#16203d
```
#16203d rgb(22,32,61)
```
#1b274b
```
#1b274b rgb(27,39,75)
```
#202f5a
```
#202f5a rgb(32,47,90)
```
#263668
```
#263668 rgb(38,54,104)
```
#2b3e77
```
#2b3e77 rgb(43,62,119)
```
#304585
```
#304585 rgb(48,69,133)
```
#354c93
```
#354c93 rgb(53,76,147)
```
#3a54a2
```
#3a54a2 rgb(58,84,162)
```
#405bb0
```
#405bb0 rgb(64,91,176)
```

Shade Color Variation

#4764bd
```
#4764bd rgb(71,100,189)
```
#5570c2
```
#5570c2 rgb(85,112,194)
```
#647cc7
```
#647cc7 rgb(100,124,199)
```
#7288cc
```
#7288cc rgb(114,136,204)
```
#8195d1
```
#8195d1 rgb(129,149,209)
```
#8fa1d7
```
#8fa1d7 rgb(143,161,215)
```
#9daddc
```
#9daddc rgb(157,173,220)
```
#acb9e1
```
#acb9e1 rgb(172,185,225)
```
#bac5e6
```
#bac5e6 rgb(186,197,230)
```
#c9d1eb
```
#c9d1eb rgb(201,209,235)
```
#d7ddf1
```
#d7ddf1 rgb(215,221,241)
```
#e5e9f6
```
#e5e9f6 rgb(229,233,246)
```
#f4f6fb
```
#f4f6fb rgb(244,246,251)
```

Tint Color Variation

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

#5a5a5b
```
#5a5a5b rgb(90,90,91)
```
#535762
```
#535762 rgb(83,87,98)
```
#4c5369
```
#4c5369 rgb(76,83,105)
```
#455070
```
#455070 rgb(69,80,112)
```
#3e4c77
```
#3e4c77 rgb(62,76,119)
```
#37497e
```
#37497e rgb(55,73,126)
```
#304585
```
#304585 rgb(48,69,133)
```
#29418c
```
#29418c rgb(41,65,140)
```
#223e93
```
#223e93 rgb(34,62,147)
```
#1b3a9a
```
#1b3a9a rgb(27,58,154)
```
#1437a1
```
#1437a1 rgb(20,55,161)
```
#0d33a8
```
#0d33a8 rgb(13,51,168)
```
#0630af
```
#0630af rgb(6,48,175)
```

Tone Color Variation

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

Dichromacy

#31508c Protanopia 1% of men
#185389 Deuteranopia 1% of men
#1c595f Tritanopia 0.001% of the population

Trichromacy

#304c89 Protanomaly 1% of men, 0.01% of women
#204e87 Deuteranomaly 6% of men, 0.4% of women
#23516d Tritanomaly 0.01% of the population

#304585 hex color

#304585 Color Information

#304585 Color Conversion

Color Schemes with #304585

Alternatives to #304585

#304585 Preview

Shades and Tints of #304585

Tones of #304585

Color Blindness Simulator