#302cb5 hex color

In a RGB color space, hex #302cb5 is composed of 18.8% red, 17.3% green and 71% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 75.7% magenta, 0% yellow and 29% black. It has a hue angle of 241.8 degrees, a saturation of 60.9% and a lightness of 44.1%. #302cb5 color hex could be obtained by blending #6058ff with #00006b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 17
- B 71
RGB color chart
- C 73
- M 76
- Y 0
- K 29
CMYK color chart

● #302cb5 color description : Strong blue.

The hexadecimal color #302cb5 has RGB values of R:48, G:44, B:181 and CMYK values of C:0.73, M:0.76, Y:0, K:0.29. Its decimal value is 3157173.

Hex triplet	302cb5	`#302cb5`
RGB Decimal	48, 44, 181	`rgb(48,44,181)`
RGB Percent	18.8, 17.3, 71	`rgb(18.8%,17.3%,71%)`
CMYK	73, 76, 0, 29
HSL	241.8°, 60.9, 44.1	`hsl(241.8,60.9%,44.1%)`
HSV (or HSB)	241.8°, 75.7, 71
Web Safe	3333cc	`#3333cc`

CIE-LAB	28.813, 46.439, -70.908
XYZ	10.458, 5.765, 44.275
xyY	0.173, 0.095, 5.765
CIE-LCH	28.813, 84.761, 303.221
CIE-LUV	28.813, -5.906, -90.833
Hunter-Lab	24.011, 35.729, -92.52
Binary	00110000, 00101100, 10110101

#302cb5
```
#302cb5 rgb(48,44,181)
```
#b1b52c
```
#b1b52c rgb(177,181,44)
```

Complementary Color

#2c6db5
```
#2c6db5 rgb(44,109,181)
```
#302cb5
```
#302cb5 rgb(48,44,181)
```
#752cb5
```
#752cb5 rgb(117,44,181)
```

Analogous Color

#6db52c
```
#6db52c rgb(109,181,44)
```
#302cb5
```
#302cb5 rgb(48,44,181)
```
#b5752c
```
#b5752c rgb(181,117,44)
```

Split Complementary Color

#2cb530
```
#2cb530 rgb(44,181,48)
```
#302cb5
```
#302cb5 rgb(48,44,181)
```
#b5302c
```
#b5302c rgb(181,48,44)
```

Triadic Color

#2cb1b5
```
#2cb1b5 rgb(44,177,181)
```
#302cb5
```
#302cb5 rgb(48,44,181)
```
#b5302c
```
#b5302c rgb(181,48,44)
```
#b1b52c
```
#b1b52c rgb(177,181,44)
```

Tetradic Color

#201d77
```
#201d77 rgb(32,29,119)
```
#25228c
```
#25228c rgb(37,34,140)
```
#2b27a0
```
#2b27a0 rgb(43,39,160)
```
#302cb5
```
#302cb5 rgb(48,44,181)
```
#3531ca
```
#3531ca rgb(53,49,202)
```
#4743d1
```
#4743d1 rgb(71,67,209)
```
#5b57d6
```
#5b57d6 rgb(91,87,214)
```

Monochromatic Color

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

#2c4ab5
```
#2c4ab5 rgb(44,74,181)
```
#2c3fb5
```
#2c3fb5 rgb(44,63,181)
```
#2c33b5
```
#2c33b5 rgb(44,51,181)
```
#302cb5
```
#302cb5 rgb(48,44,181)
```
#3b2cb5
```
#3b2cb5 rgb(59,44,181)
```
#472cb5
```
#472cb5 rgb(71,44,181)
```
#522cb5
```
#522cb5 rgb(82,44,181)
```

Similar Colors

Text with hexadecimal color #302cb5

This text has a font color of #302cb5.

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

#302cb5 background color

This paragraph has a background color of #302cb5.

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

#302cb5 border color

This element has a border color of #302cb5.

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

CSS codes

.text {color:#302cb5;}

.background {background-color:#302cb5;}

.border {border:1px solid #302cb5;}

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

#020207
```
#020207 rgb(2,2,7)
```
#060617
```
#060617 rgb(6,6,23)
```
#0a0927
```
#0a0927 rgb(10,9,39)
```
#0f0d37
```
#0f0d37 rgb(15,13,55)
```
#131147
```
#131147 rgb(19,17,71)
```
#171556
```
#171556 rgb(23,21,86)
```
#1b1966
```
#1b1966 rgb(27,25,102)
```
#1f1d76
```
#1f1d76 rgb(31,29,118)
```
#232086
```
#232086 rgb(35,32,134)
```
#282495
```
#282495 rgb(40,36,149)
```
#2c28a5
```
#2c28a5 rgb(44,40,165)
```
#302cb5
```
#302cb5 rgb(48,44,181)
```
#3430c5
```
#3430c5 rgb(52,48,197)
```

Shade Color Variation

#3e39cf
```
#3e39cf rgb(62,57,207)
```
#4d49d3
```
#4d49d3 rgb(77,73,211)
```
#5d59d7
```
#5d59d7 rgb(93,89,215)
```
#6c69da
```
#6c69da rgb(108,105,218)
```
#7b78de
```
#7b78de rgb(123,120,222)
```
#8b88e2
```
#8b88e2 rgb(139,136,226)
```
#9a98e6
```
#9a98e6 rgb(154,152,230)
```
#aaa8ea
```
#aaa8ea rgb(170,168,234)
```
#b9b8ee
```
#b9b8ee rgb(185,184,238)
```
#c9c7f1
```
#c9c7f1 rgb(201,199,241)
```
#d8d7f5
```
#d8d7f5 rgb(216,215,245)
```
#e7e7f9
```
#e7e7f9 rgb(231,231,249)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

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

#696978
```
#696978 rgb(105,105,120)
```
#616081
```
#616081 rgb(97,96,129)
```
#59578a
```
#59578a rgb(89,87,138)
```
#514f92
```
#514f92 rgb(81,79,146)
```
#48469b
```
#48469b rgb(72,70,155)
```
#403da4
```
#403da4 rgb(64,61,164)
```
#3835ac
```
#3835ac rgb(56,53,172)
```
#302cb5
```
#302cb5 rgb(48,44,181)
```
#2823be
```
#2823be rgb(40,35,190)
```
#201bc6
```
#201bc6 rgb(32,27,198)
```
#1812cf
```
#1812cf rgb(24,18,207)
```
#0f09d8
```
#0f09d8 rgb(15,9,216)
```
#0701e0
```
#0701e0 rgb(7,1,224)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3a55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004f7f Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#11409f Protanomaly 1% of men, 0.01% of women
#114292 Deuteranomaly 6% of men, 0.4% of women
#11467b Tritanomaly 0.01% of the population

#302cb5 hex color

#302cb5 Color Information

#302cb5 Color Conversion

Color Schemes with #302cb5

Alternatives to #302cb5

#302cb5 Preview

Shades and Tints of #302cb5

Tones of #302cb5

Color Blindness Simulator