#3031bc hex color

In a RGB color space, hex #3031bc is composed of 18.8% red, 19.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 73.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 239.6 degrees, a saturation of 59.3% and a lightness of 46.3%. #3031bc color hex could be obtained by blending #6062ff with #000079. Closest websafe color is: #3333cc.

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

● #3031bc color description : Moderate blue.

The hexadecimal color #3031bc has RGB values of R:48, G:49, B:188 and CMYK values of C:0.74, M:0.74, Y:0, K:0.26. Its decimal value is 3158460.

Hex triplet	3031bc	`#3031bc`
RGB Decimal	48, 49, 188	`rgb(48,49,188)`
RGB Percent	18.8, 19.2, 73.7	`rgb(18.8%,19.2%,73.7%)`
CMYK	74, 74, 0, 26
HSL	239.6°, 59.3, 46.3	`hsl(239.6,59.3%,46.3%)`
HSV (or HSB)	239.6°, 74.5, 73.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.533, 45.954, -72.218
XYZ	11.393, 6.455, 48.22
xyY	0.172, 0.098, 6.455
CIE-LCH	30.533, 85.599, 302.47
CIE-LUV	30.533, -7, -94.706
Hunter-Lab	25.407, 35.577, -94.741
Binary	00110000, 00110001, 10111100

#3031bc
```
#3031bc rgb(48,49,188)
```
#bcbb30
```
#bcbb30 rgb(188,187,48)
```

Complementary Color

#3077bc
```
#3077bc rgb(48,119,188)
```
#3031bc
```
#3031bc rgb(48,49,188)
```
#7530bc
```
#7530bc rgb(117,48,188)
```

Analogous Color

#77bc30
```
#77bc30 rgb(119,188,48)
```
#3031bc
```
#3031bc rgb(48,49,188)
```
#bc7530
```
#bc7530 rgb(188,117,48)
```

Split Complementary Color

#31bc30
```
#31bc30 rgb(49,188,48)
```
#3031bc
```
#3031bc rgb(48,49,188)
```
#bc3031
```
#bc3031 rgb(188,48,49)
```

Triadic Color

#30bcbb
```
#30bcbb rgb(48,188,187)
```
#3031bc
```
#3031bc rgb(48,49,188)
```
#bc3031
```
#bc3031 rgb(188,48,49)
```
#bcbb30
```
#bcbb30 rgb(188,187,48)
```

Tetradic Color

#20217f
```
#20217f rgb(32,33,127)
```
#262693
```
#262693 rgb(38,38,147)
```
#2b2ca8
```
#2b2ca8 rgb(43,44,168)
```
#3031bc
```
#3031bc rgb(48,49,188)
```
#393acc
```
#393acc rgb(57,58,204)
```
#4d4ed2
```
#4d4ed2 rgb(77,78,210)
```
#6263d7
```
#6263d7 rgb(98,99,215)
```

Monochromatic Color

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

#3054bc
```
#3054bc rgb(48,84,188)
```
#3048bc
```
#3048bc rgb(48,72,188)
```
#303dbc
```
#303dbc rgb(48,61,188)
```
#3031bc
```
#3031bc rgb(48,49,188)
```
#3b30bc
```
#3b30bc rgb(59,48,188)
```
#4630bc
```
#4630bc rgb(70,48,188)
```
#5230bc
```
#5230bc rgb(82,48,188)
```

Similar Colors

Text with hexadecimal color #3031bc

This text has a font color of #3031bc.

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

#3031bc background color

This paragraph has a background color of #3031bc.

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

#3031bc border color

This element has a border color of #3031bc.

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

CSS codes

.text {color:#3031bc;}

.background {background-color:#3031bc;}

.border {border:1px solid #3031bc;}

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

#000000
```
#000000 rgb(0,0,0)
```
#040410
```
#040410 rgb(4,4,16)
```
#080820
```
#080820 rgb(8,8,32)
```
#0c0c2f
```
#0c0c2f rgb(12,12,47)
```
#10103f
```
#10103f rgb(16,16,63)
```
#14144f
```
#14144f rgb(20,20,79)
```
#18195e
```
#18195e rgb(24,25,94)
```
#1c1d6e
```
#1c1d6e rgb(28,29,110)
```
#20217d
```
#20217d rgb(32,33,125)
```
#24258d
```
#24258d rgb(36,37,141)
```
#28299d
```
#28299d rgb(40,41,157)
```
#2c2dac
```
#2c2dac rgb(44,45,172)
```
#3031bc
```
#3031bc rgb(48,49,188)
```

Shade Color Variation

#3435cb
```
#3435cb rgb(52,53,203)
```
#4445cf
```
#4445cf rgb(68,69,207)
```
#5455d3
```
#5455d3 rgb(84,85,211)
```
#6364d7
```
#6364d7 rgb(99,100,215)
```
#7374db
```
#7374db rgb(115,116,219)
```
#8283df
```
#8283df rgb(130,131,223)
```
#9293e3
```
#9293e3 rgb(146,147,227)
```
#a2a2e7
```
#a2a2e7 rgb(162,162,231)
```
#b1b2eb
```
#b1b2eb rgb(177,178,235)
```
#c1c1ef
```
#c1c1ef rgb(193,193,239)
```
#d1d1f3
```
#d1d1f3 rgb(209,209,243)
```
#e0e0f7
```
#e0e0f7 rgb(224,224,247)
```
#f0f0fb
```
#f0f0fb rgb(240,240,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70707c is the less saturated color, while #0304e9 is the most saturated one.

#70707c
```
#70707c rgb(112,112,124)
```
#666786
```
#666786 rgb(102,103,134)
```
#5d5e8f
```
#5d5e8f rgb(93,94,143)
```
#545598
```
#545598 rgb(84,85,152)
```
#4b4ca1
```
#4b4ca1 rgb(75,76,161)
```
#4243aa
```
#4243aa rgb(66,67,170)
```
#393ab3
```
#393ab3 rgb(57,58,179)
```
#3031bc
```
#3031bc rgb(48,49,188)
```
#2728c5
```
#2728c5 rgb(39,40,197)
```
#1e1fce
```
#1e1fce rgb(30,31,206)
```
#1516d7
```
#1516d7 rgb(21,22,215)
```
#0c0de0
```
#0c0de0 rgb(12,13,224)
```
#0304e9
```
#0304e9 rgb(3,4,233)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3e3e5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f99 Protanopia 1% of men
#005385 Deuteranopia 1% of men
#00595e Tritanopia 0.001% of the population

Trichromacy

#1144a6 Protanomaly 1% of men, 0.01% of women
#114799 Deuteranomaly 6% of men, 0.4% of women
#114a80 Tritanomaly 0.01% of the population

#3031bc hex color

#3031bc Color Information

#3031bc Color Conversion

Color Schemes with #3031bc

Alternatives to #3031bc

#3031bc Preview

Shades and Tints of #3031bc

Tones of #3031bc

Color Blindness Simulator