#302cbb hex color

In a RGB color space, hex #302cbb is composed of 18.8% red, 17.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 76.5% magenta, 0% yellow and 26.7% black. It has a hue angle of 241.7 degrees, a saturation of 61.9% and a lightness of 45.3%. #302cbb color hex could be obtained by blending #6058ff with #000077. Closest websafe color is: #3333cc.

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

● #302cbb color description : Strong blue.

The hexadecimal color #302cbb has RGB values of R:48, G:44, B:187 and CMYK values of C:0.74, M:0.76, Y:0, K:0.27. Its decimal value is 3157179.

Hex triplet	302cbb	`#302cbb`
RGB Decimal	48, 44, 187	`rgb(48,44,187)`
RGB Percent	18.8, 17.3, 73.3	`rgb(18.8%,17.3%,73.3%)`
CMYK	74, 76, 0, 27
HSL	241.7°, 61.9, 45.3	`hsl(241.7,61.9%,45.3%)`
HSV (or HSB)	241.7°, 76.5, 73.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.455, 48.379, -73.407
XYZ	11.087, 6.017, 47.588
xyY	0.171, 0.093, 6.017
CIE-LCH	29.455, 87.915, 303.387
CIE-LUV	29.455, -6.187, -94.388
Hunter-Lab	24.529, 37.757, -97.854
Binary	00110000, 00101100, 10111011

#302cbb
```
#302cbb rgb(48,44,187)
```
#b7bb2c
```
#b7bb2c rgb(183,187,44)
```

Complementary Color

#2c70bb
```
#2c70bb rgb(44,112,187)
```
#302cbb
```
#302cbb rgb(48,44,187)
```
#782cbb
```
#782cbb rgb(120,44,187)
```

Analogous Color

#70bb2c
```
#70bb2c rgb(112,187,44)
```
#302cbb
```
#302cbb rgb(48,44,187)
```
#bb782c
```
#bb782c rgb(187,120,44)
```

Split Complementary Color

#2cbb30
```
#2cbb30 rgb(44,187,48)
```
#302cbb
```
#302cbb rgb(48,44,187)
```
#bb302c
```
#bb302c rgb(187,48,44)
```

Triadic Color

#2cb7bb
```
#2cb7bb rgb(44,183,187)
```
#302cbb
```
#302cbb rgb(48,44,187)
```
#bb302c
```
#bb302c rgb(187,48,44)
```
#b7bb2c
```
#b7bb2c rgb(183,187,44)
```

Tetradic Color

#201d7d
```
#201d7d rgb(32,29,125)
```
#252292
```
#252292 rgb(37,34,146)
```
#2b27a6
```
#2b27a6 rgb(43,39,166)
```
#302cbb
```
#302cbb rgb(48,44,187)
```
#3632cf
```
#3632cf rgb(54,50,207)
```
#4a46d4
```
#4a46d4 rgb(74,70,212)
```
#5f5bd8
```
#5f5bd8 rgb(95,91,216)
```

Monochromatic Color

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

#2c4cbb
```
#2c4cbb rgb(44,76,187)
```
#2c40bb
```
#2c40bb rgb(44,64,187)
```
#2c34bb
```
#2c34bb rgb(44,52,187)
```
#302cbb
```
#302cbb rgb(48,44,187)
```
#3c2cbb
```
#3c2cbb rgb(60,44,187)
```
#482cbb
```
#482cbb rgb(72,44,187)
```
#542cbb
```
#542cbb rgb(84,44,187)
```

Similar Colors

Text with hexadecimal color #302cbb

This text has a font color of #302cbb.

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

#302cbb background color

This paragraph has a background color of #302cbb.

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

#302cbb border color

This element has a border color of #302cbb.

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

CSS codes

.text {color:#302cbb;}

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

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

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)
```
#07071c
```
#07071c rgb(7,7,28)
```
#0b0a2c
```
#0b0a2c rgb(11,10,44)
```
#0f0e3c
```
#0f0e3c rgb(15,14,60)
```
#13124c
```
#13124c rgb(19,18,76)
```
#18165c
```
#18165c rgb(24,22,92)
```
#1c196c
```
#1c196c rgb(28,25,108)
```
#201d7b
```
#201d7b rgb(32,29,123)
```
#24218b
```
#24218b rgb(36,33,139)
```
#28259b
```
#28259b rgb(40,37,155)
```
#2c28ab
```
#2c28ab rgb(44,40,171)
```
#302cbb
```
#302cbb rgb(48,44,187)
```
#3430cb
```
#3430cb rgb(52,48,203)
```

Shade Color Variation

#413dd1
```
#413dd1 rgb(65,61,209)
```
#514dd5
```
#514dd5 rgb(81,77,213)
```
#605dd9
```
#605dd9 rgb(96,93,217)
```
#706ddd
```
#706ddd rgb(112,109,221)
```
#7f7ce0
```
#7f7ce0 rgb(127,124,224)
```
#8f8ce4
```
#8f8ce4 rgb(143,140,228)
```
#9e9ce8
```
#9e9ce8 rgb(158,156,232)
```
#aeaceb
```
#aeaceb rgb(174,172,235)
```
#bdbcef
```
#bdbcef rgb(189,188,239)
```
#cdccf3
```
#cdccf3 rgb(205,204,243)
```
#dcdcf7
```
#dcdcf7 rgb(220,220,247)
```
#ececfa
```
#ececfa rgb(236,236,250)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#737374
```
#737374 rgb(115,115,116)
```
#6b6a7d
```
#6b6a7d rgb(107,106,125)
```
#626186
```
#626186 rgb(98,97,134)
```
#5a588f
```
#5a588f rgb(90,88,143)
```
#525097
```
#525097 rgb(82,80,151)
```
#4947a0
```
#4947a0 rgb(73,71,160)
```
#413ea9
```
#413ea9 rgb(65,62,169)
```
#3835b2
```
#3835b2 rgb(56,53,178)
```
#302cbb
```
#302cbb rgb(48,44,187)
```
#2823c4
```
#2823c4 rgb(40,35,196)
```
#1f1acd
```
#1f1acd rgb(31,26,205)
```
#1711d6
```
#1711d6 rgb(23,17,214)
```
#0e08df
```
#0e08df rgb(14,8,223)
```

Tone Color Variation

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

Dichromacy

#004c95 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
#11477e Tritanomaly 0.01% of the population

#302cbb hex color

#302cbb Color Information

#302cbb Color Conversion

Color Schemes with #302cbb

Alternatives to #302cbb

#302cbb Preview

Shades and Tints of #302cbb

Tones of #302cbb

Color Blindness Simulator