#302584 hex color

In a RGB color space, hex #302584 is composed of 18.8% red, 14.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 72% magenta, 0% yellow and 48.2% black. It has a hue angle of 246.9 degrees, a saturation of 56.2% and a lightness of 33.1%. #302584 color hex could be obtained by blending #604aff with #000009. 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

● #302584 color description : Dark blue.

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

Hex triplet	302584	`#302584`
RGB Decimal	48, 37, 132	`rgb(48,37,132)`
RGB Percent	18.8, 14.5, 51.8	`rgb(18.8%,14.5%,51.8%)`
CMYK	64, 72, 0, 48
HSL	246.9°, 56.2, 33.1	`hsl(246.9,56.2%,33.1%)`
HSV (or HSB)	246.9°, 72, 51.8
Web Safe	333399	`#333399`

CIE-LAB	22.363, 34.219, -51.585
XYZ	6.045, 3.617, 22.208
xyY	0.19, 0.113, 3.617
CIE-LCH	22.363, 61.902, 303.558
CIE-LUV	22.363, -2.137, -61.59
Hunter-Lab	19.019, 23.447, -55.919
Binary	00110000, 00100101, 10000100

#302584
```
#302584 rgb(48,37,132)
```
#798425
```
#798425 rgb(121,132,37)
```

Complementary Color

#254a84
```
#254a84 rgb(37,74,132)
```
#302584
```
#302584 rgb(48,37,132)
```
#602584
```
#602584 rgb(96,37,132)
```

Analogous Color

#4a8425
```
#4a8425 rgb(74,132,37)
```
#302584
```
#302584 rgb(48,37,132)
```
#846025
```
#846025 rgb(132,96,37)
```

Split Complementary Color

#258430
```
#258430 rgb(37,132,48)
```
#302584
```
#302584 rgb(48,37,132)
```
#843025
```
#843025 rgb(132,48,37)
```

Triadic Color

#257984
```
#257984 rgb(37,121,132)
```
#302584
```
#302584 rgb(48,37,132)
```
#843025
```
#843025 rgb(132,48,37)
```
#798425
```
#798425 rgb(121,132,37)
```

Tetradic Color

#1a1448
```
#1a1448 rgb(26,20,72)
```
#221a5c
```
#221a5c rgb(34,26,92)
```
#291f70
```
#291f70 rgb(41,31,112)
```
#302584
```
#302584 rgb(48,37,132)
```
#372b98
```
#372b98 rgb(55,43,152)
```
#3e30ac
```
#3e30ac rgb(62,48,172)
```
#4636c0
```
#4636c0 rgb(70,54,192)
```

Monochromatic Color

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

#253284
```
#253284 rgb(37,50,132)
```
#252a84
```
#252a84 rgb(37,42,132)
```
#282584
```
#282584 rgb(40,37,132)
```
#302584
```
#302584 rgb(48,37,132)
```
#382584
```
#382584 rgb(56,37,132)
```
#402584
```
#402584 rgb(64,37,132)
```
#482584
```
#482584 rgb(72,37,132)
```

Similar Colors

Text with hexadecimal color #302584

This text has a font color of #302584.

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

#302584 background color

This paragraph has a background color of #302584.

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

#302584 border color

This element has a border color of #302584.

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

CSS codes

.text {color:#302584;}

.background {background-color:#302584;}

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

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

#030309
```
#030309 rgb(3,3,9)
```
#090719
```
#090719 rgb(9,7,25)
```
#0f0b28
```
#0f0b28 rgb(15,11,40)
```
#141037
```
#141037 rgb(20,16,55)
```
#1a1447
```
#1a1447 rgb(26,20,71)
```
#1f1856
```
#1f1856 rgb(31,24,86)
```
#251c65
```
#251c65 rgb(37,28,101)
```
#2a2175
```
#2a2175 rgb(42,33,117)
```
#302584
```
#302584 rgb(48,37,132)
```
#362993
```
#362993 rgb(54,41,147)
```
#3b2ea3
```
#3b2ea3 rgb(59,46,163)
```
#4132b2
```
#4132b2 rgb(65,50,178)
```
#4636c1
```
#4636c1 rgb(70,54,193)
```

Shade Color Variation

#5141ca
```
#5141ca rgb(81,65,202)
```
#5f51ce
```
#5f51ce rgb(95,81,206)
```
#6d60d2
```
#6d60d2 rgb(109,96,210)
```
#7b6fd7
```
#7b6fd7 rgb(123,111,215)
```
#897fdb
```
#897fdb rgb(137,127,219)
```
#978edf
```
#978edf rgb(151,142,223)
```
#a59de4
```
#a59de4 rgb(165,157,228)
```
#b3ade8
```
#b3ade8 rgb(179,173,232)
```
#c1bcec
```
#c1bcec rgb(193,188,236)
```
#cfcbf0
```
#cfcbf0 rgb(207,203,240)
```
#dedaf5
```
#dedaf5 rgb(222,218,245)
```
#eceaf9
```
#eceaf9 rgb(236,234,249)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

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

#535357
```
#535357 rgb(83,83,87)
```
#4e4c5d
```
#4e4c5d rgb(78,76,93)
```
#494664
```
#494664 rgb(73,70,100)
```
#443f6a
```
#443f6a rgb(68,63,106)
```
#3f3971
```
#3f3971 rgb(63,57,113)
```
#3a3277
```
#3a3277 rgb(58,50,119)
```
#352c7e
```
#352c7e rgb(53,44,126)
```
#302584
```
#302584 rgb(48,37,132)
```
#2b1f8b
```
#2b1f8b rgb(43,31,139)
```
#261891
```
#261891 rgb(38,24,145)
```
#211298
```
#211298 rgb(33,18,152)
```
#1c0b9e
```
#1c0b9e rgb(28,11,158)
```
#1705a5
```
#1705a5 rgb(23,5,165)
```

Tone Color Variation

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

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

Trichromacy

#11347c Protanomaly 1% of men, 0.01% of women
#113773 Deuteranomaly 6% of men, 0.4% of women
#113a5f Tritanomaly 0.01% of the population

#302584 hex color

#302584 Color Information

#302584 Color Conversion

Color Schemes with #302584

Alternatives to #302584

#302584 Preview

Shades and Tints of #302584

Tones of #302584

Color Blindness Simulator