#302585 hex color

In a RGB color space, hex #302585 is composed of 18.8% red, 14.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 72.2% magenta, 0% yellow and 47.8% black. It has a hue angle of 246.9 degrees, a saturation of 56.5% and a lightness of 33.3%. #302585 color hex could be obtained by blending #604aff with #00000b. Closest websafe color is: #333399.

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

● #302585 color description : Dark blue.

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

Hex triplet	302585	`#302585`
RGB Decimal	48, 37, 133	`rgb(48,37,133)`
RGB Percent	18.8, 14.5, 52.2	`rgb(18.8%,14.5%,52.2%)`
CMYK	64, 72, 0, 48
HSL	246.9°, 56.5, 33.3	`hsl(246.9,56.5%,33.3%)`
HSV (or HSB)	246.9°, 72.2, 52.2
Web Safe	333399	`#333399`

CIE-LAB	22.46, 34.554, -52.054
XYZ	6.113, 3.645, 22.57
xyY	0.189, 0.113, 3.645
CIE-LCH	22.46, 62.479, 303.577
CIE-LUV	22.46, -2.2, -62.209
Hunter-Lab	19.091, 23.749, -56.731
Binary	00110000, 00100101, 10000101

#302585
```
#302585 rgb(48,37,133)
```
#7a8525
```
#7a8525 rgb(122,133,37)
```

Complementary Color

#254a85
```
#254a85 rgb(37,74,133)
```
#302585
```
#302585 rgb(48,37,133)
```
#602585
```
#602585 rgb(96,37,133)
```

Analogous Color

#4a8525
```
#4a8525 rgb(74,133,37)
```
#302585
```
#302585 rgb(48,37,133)
```
#856025
```
#856025 rgb(133,96,37)
```

Split Complementary Color

#258530
```
#258530 rgb(37,133,48)
```
#302585
```
#302585 rgb(48,37,133)
```
#853025
```
#853025 rgb(133,48,37)
```

Triadic Color

#257a85
```
#257a85 rgb(37,122,133)
```
#302585
```
#302585 rgb(48,37,133)
```
#853025
```
#853025 rgb(133,48,37)
```
#7a8525
```
#7a8525 rgb(122,133,37)
```

Tetradic Color

#1a1449
```
#1a1449 rgb(26,20,73)
```
#221a5d
```
#221a5d rgb(34,26,93)
```
#291f71
```
#291f71 rgb(41,31,113)
```
#302585
```
#302585 rgb(48,37,133)
```
#372b99
```
#372b99 rgb(55,43,153)
```
#3e30ad
```
#3e30ad rgb(62,48,173)
```
#4636c1
```
#4636c1 rgb(70,54,193)
```

Monochromatic Color

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

#253285
```
#253285 rgb(37,50,133)
```
#252a85
```
#252a85 rgb(37,42,133)
```
#282585
```
#282585 rgb(40,37,133)
```
#302585
```
#302585 rgb(48,37,133)
```
#382585
```
#382585 rgb(56,37,133)
```
#402585
```
#402585 rgb(64,37,133)
```
#482585
```
#482585 rgb(72,37,133)
```

Similar Colors

Text with hexadecimal color #302585

This text has a font color of #302585.

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

#302585 background color

This paragraph has a background color of #302585.

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

#302585 border color

This element has a border color of #302585.

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

CSS codes

.text {color:#302585;}

.background {background-color:#302585;}

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

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, #04030a is the darkest color, while #fafafe is the lightest one.

#04030a
```
#04030a rgb(4,3,10)
```
#09071a
```
#09071a rgb(9,7,26)
```
#0f0b29
```
#0f0b29 rgb(15,11,41)
```
#141038
```
#141038 rgb(20,16,56)
```
#1a1448
```
#1a1448 rgb(26,20,72)
```
#1f1857
```
#1f1857 rgb(31,24,87)
```
#251c66
```
#251c66 rgb(37,28,102)
```
#2a2176
```
#2a2176 rgb(42,33,118)
```
#302585
```
#302585 rgb(48,37,133)
```
#362994
```
#362994 rgb(54,41,148)
```
#3b2ea4
```
#3b2ea4 rgb(59,46,164)
```
#4132b3
```
#4132b3 rgb(65,50,179)
```
#4636c2
```
#4636c2 rgb(70,54,194)
```

Shade Color Variation

#5142ca
```
#5142ca rgb(81,66,202)
```
#5f51cf
```
#5f51cf rgb(95,81,207)
```
#6e60d3
```
#6e60d3 rgb(110,96,211)
```
#7c70d7
```
#7c70d7 rgb(124,112,215)
```
#8a7fdb
```
#8a7fdb rgb(138,127,219)
```
#988ee0
```
#988ee0 rgb(152,142,224)
```
#a69ee4
```
#a69ee4 rgb(166,158,228)
```
#b4ade8
```
#b4ade8 rgb(180,173,232)
```
#c2bded
```
#c2bded rgb(194,189,237)
```
#d0ccf1
```
#d0ccf1 rgb(208,204,241)
```
#dedbf5
```
#dedbf5 rgb(222,219,245)
```
#ecebf9
```
#ecebf9 rgb(236,235,249)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#535357
```
#535357 rgb(83,83,87)
```
#4e4c5e
```
#4e4c5e rgb(78,76,94)
```
#494664
```
#494664 rgb(73,70,100)
```
#443f6b
```
#443f6b rgb(68,63,107)
```
#3f3971
```
#3f3971 rgb(63,57,113)
```
#3a3278
```
#3a3278 rgb(58,50,120)
```
#352c7e
```
#352c7e rgb(53,44,126)
```
#302585
```
#302585 rgb(48,37,133)
```
#2b1e8c
```
#2b1e8c rgb(43,30,140)
```
#261892
```
#261892 rgb(38,24,146)
```
#211199
```
#211199 rgb(33,17,153)
```
#1c0b9f
```
#1c0b9f rgb(28,11,159)
```
#1704a6
```
#1704a6 rgb(23,4,166)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#323043 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e79 Protanopia 1% of men
#004169 Deuteranopia 1% of men
#00464b Tritanopia 0.001% of the population

Trichromacy

#11357d Protanomaly 1% of men, 0.01% of women
#113773 Deuteranomaly 6% of men, 0.4% of women
#113a60 Tritanomaly 0.01% of the population

#302585 hex color

#302585 Color Information

#302585 Color Conversion

Color Schemes with #302585

Alternatives to #302585

#302585 Preview

Shades and Tints of #302585

Tones of #302585

Color Blindness Simulator