#302bbc hex color

In a RGB color space, hex #302bbc is composed of 18.8% red, 16.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 77.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 242.1 degrees, a saturation of 62.8% and a lightness of 45.3%. #302bbc color hex could be obtained by blending #6056ff with #000079. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 17
- B 74
RGB color chart
- C 74
- M 77
- Y 0
- K 26
CMYK color chart

● #302bbc color description : Strong blue.

The hexadecimal color #302bbc has RGB values of R:48, G:43, B:188 and CMYK values of C:0.74, M:0.77, Y:0, K:0.26. Its decimal value is 3156924.

Hex triplet	302bbc	`#302bbc`
RGB Decimal	48, 43, 188	`rgb(48,43,188)`
RGB Percent	18.8, 16.9, 73.7	`rgb(18.8%,16.9%,73.7%)`
CMYK	74, 77, 0, 26
HSL	242.1°, 62.8, 45.3	`hsl(242.1,62.8%,45.3%)`
HSV (or HSB)	242.1°, 77.1, 73.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.378, 49.23, -74.127
XYZ	11.158, 5.986, 48.142
xyY	0.171, 0.092, 5.986
CIE-LCH	29.378, 88.985, 303.589
CIE-LUV	29.378, -6.09, -95.008
Hunter-Lab	24.467, 38.588, -99.533
Binary	00110000, 00101011, 10111100

#302bbc
```
#302bbc rgb(48,43,188)
```
#b7bc2b
```
#b7bc2b rgb(183,188,43)
```

Complementary Color

#2b6fbc
```
#2b6fbc rgb(43,111,188)
```
#302bbc
```
#302bbc rgb(48,43,188)
```
#792bbc
```
#792bbc rgb(121,43,188)
```

Analogous Color

#6fbc2b
```
#6fbc2b rgb(111,188,43)
```
#302bbc
```
#302bbc rgb(48,43,188)
```
#bc792b
```
#bc792b rgb(188,121,43)
```

Split Complementary Color

#2bbc30
```
#2bbc30 rgb(43,188,48)
```
#302bbc
```
#302bbc rgb(48,43,188)
```
#bc302b
```
#bc302b rgb(188,48,43)
```

Triadic Color

#2bb7bc
```
#2bb7bc rgb(43,183,188)
```
#302bbc
```
#302bbc rgb(48,43,188)
```
#bc302b
```
#bc302b rgb(188,48,43)
```
#b7bc2b
```
#b7bc2b rgb(183,188,43)
```

Tetradic Color

#201d7e
```
#201d7e rgb(32,29,126)
```
#252292
```
#252292 rgb(37,34,146)
```
#2b26a7
```
#2b26a7 rgb(43,38,167)
```
#302bbc
```
#302bbc rgb(48,43,188)
```
#3631d0
```
#3631d0 rgb(54,49,208)
```
#4a45d5
```
#4a45d5 rgb(74,69,213)
```
#5f5ad9
```
#5f5ad9 rgb(95,90,217)
```

Monochromatic Color

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

#2b4abc
```
#2b4abc rgb(43,74,188)
```
#2b3ebc
```
#2b3ebc rgb(43,62,188)
```
#2b32bc
```
#2b32bc rgb(43,50,188)
```
#302bbc
```
#302bbc rgb(48,43,188)
```
#3c2bbc
```
#3c2bbc rgb(60,43,188)
```
#482bbc
```
#482bbc rgb(72,43,188)
```
#542bbc
```
#542bbc rgb(84,43,188)
```

Similar Colors

Text with hexadecimal color #302bbc

This text has a font color of #302bbc.

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

#302bbc background color

This paragraph has a background color of #302bbc.

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

#302bbc border color

This element has a border color of #302bbc.

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

CSS codes

.text {color:#302bbc;}

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

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

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, #03030c is the darkest color, while #fcfbfe is the lightest one.

#03030c
```
#03030c rgb(3,3,12)
```
#07061c
```
#07061c rgb(7,6,28)
```
#0b0a2c
```
#0b0a2c rgb(11,10,44)
```
#0f0e3c
```
#0f0e3c rgb(15,14,60)
```
#13114c
```
#13114c rgb(19,17,76)
```
#18155c
```
#18155c rgb(24,21,92)
```
#1c196c
```
#1c196c rgb(28,25,108)
```
#201c7c
```
#201c7c rgb(32,28,124)
```
#24208c
```
#24208c rgb(36,32,140)
```
#28249c
```
#28249c rgb(40,36,156)
```
#2c27ac
```
#2c27ac rgb(44,39,172)
```
#302bbc
```
#302bbc rgb(48,43,188)
```
#342fcc
```
#342fcc rgb(52,47,204)
```

Shade Color Variation

#413cd2
```
#413cd2 rgb(65,60,210)
```
#514cd6
```
#514cd6 rgb(81,76,214)
```
#605cda
```
#605cda rgb(96,92,218)
```
#706cdd
```
#706cdd rgb(112,108,221)
```
#7f7ce1
```
#7f7ce1 rgb(127,124,225)
```
#8f8ce5
```
#8f8ce5 rgb(143,140,229)
```
#9e9ce8
```
#9e9ce8 rgb(158,156,232)
```
#aeacec
```
#aeacec rgb(174,172,236)
```
#bdbcf0
```
#bdbcf0 rgb(189,188,240)
```
#cdccf3
```
#cdccf3 rgb(205,204,243)
```
#dcdcf7
```
#dcdcf7 rgb(220,220,247)
```
#ecebfb
```
#ecebfb rgb(236,235,251)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#727275
```
#727275 rgb(114,114,117)
```
#6a697e
```
#6a697e rgb(106,105,126)
```
#626087
```
#626087 rgb(98,96,135)
```
#595790
```
#595790 rgb(89,87,144)
```
#514f98
```
#514f98 rgb(81,79,152)
```
#4946a1
```
#4946a1 rgb(73,70,161)
```
#413daa
```
#413daa rgb(65,61,170)
```
#3834b3
```
#3834b3 rgb(56,52,179)
```
#302bbc
```
#302bbc rgb(48,43,188)
```
#2822c5
```
#2822c5 rgb(40,34,197)
```
#1f19ce
```
#1f19ce rgb(31,25,206)
```
#1710d7
```
#1710d7 rgb(23,16,215)
```
#0f07e0
```
#0f07e0 rgb(15,7,224)
```

Tone Color Variation

Below, you can see how #302bbc 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
#3a3956 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#005181 Deuteranopia 1% of men
#00565b Tritanopia 0.001% of the population

Trichromacy

#1140a3 Protanomaly 1% of men, 0.01% of women
#114396 Deuteranomaly 6% of men, 0.4% of women
#11467e Tritanomaly 0.01% of the population

#302bbc hex color

#302bbc Color Information

#302bbc Color Conversion

Color Schemes with #302bbc

Alternatives to #302bbc

#302bbc Preview

Shades and Tints of #302bbc

Tones of #302bbc

Color Blindness Simulator