#3031dc hex color

In a RGB color space, hex #3031dc is composed of 18.8% red, 19.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 77.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 239.7 degrees, a saturation of 71.1% and a lightness of 52.5%. #3031dc color hex could be obtained by blending #6062ff with #0000b9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 19
- B 86
RGB color chart
- C 78
- M 78
- Y 0
- K 14
CMYK color chart

● #3031dc color description : Bright blue.

The hexadecimal color #3031dc has RGB values of R:48, G:49, B:220 and CMYK values of C:0.78, M:0.78, Y:0, K:0.14. Its decimal value is 3158492.

Hex triplet	3031dc	`#3031dc`
RGB Decimal	48, 49, 220	`rgb(48,49,220)`
RGB Percent	18.8, 19.2, 86.3	`rgb(18.8%,19.2%,86.3%)`
CMYK	78, 78, 0, 14
HSL	239.7°, 71.1, 52.5	`hsl(239.7,71.1%,52.5%)`
HSV (or HSB)	239.7°, 78.2, 86.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.965, 56.227, -85.181
XYZ	15.233, 7.991, 68.446
xyY	0.166, 0.087, 7.991
CIE-LCH	33.965, 102.065, 303.429
CIE-LUV	33.965, -8.328, -113.51
Hunter-Lab	28.269, 46.716, -123.767
Binary	00110000, 00110001, 11011100

#3031dc
```
#3031dc rgb(48,49,220)
```
#dcdb30
```
#dcdb30 rgb(220,219,48)
```

Complementary Color

#3087dc
```
#3087dc rgb(48,135,220)
```
#3031dc
```
#3031dc rgb(48,49,220)
```
#8530dc
```
#8530dc rgb(133,48,220)
```

Analogous Color

#87dc30
```
#87dc30 rgb(135,220,48)
```
#3031dc
```
#3031dc rgb(48,49,220)
```
#dc8530
```
#dc8530 rgb(220,133,48)
```

Split Complementary Color

#31dc30
```
#31dc30 rgb(49,220,48)
```
#3031dc
```
#3031dc rgb(48,49,220)
```
#dc3031
```
#dc3031 rgb(220,48,49)
```

Triadic Color

#30dcdb
```
#30dcdb rgb(48,220,219)
```
#3031dc
```
#3031dc rgb(48,49,220)
```
#dc3031
```
#dc3031 rgb(220,48,49)
```
#dcdb30
```
#dcdb30 rgb(220,219,48)
```

Tetradic Color

#1c1ca4
```
#1c1ca4 rgb(28,28,164)
```
#1f20ba
```
#1f20ba rgb(31,32,186)
```
#2324cf
```
#2324cf rgb(35,36,207)
```
#3031dc
```
#3031dc rgb(48,49,220)
```
#4647e0
```
#4647e0 rgb(70,71,224)
```
#5c5ce3
```
#5c5ce3 rgb(92,92,227)
```
#7172e7
```
#7172e7 rgb(113,114,231)
```

Monochromatic Color

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

#305cdc
```
#305cdc rgb(48,92,220)
```
#304edc
```
#304edc rgb(48,78,220)
```
#303fdc
```
#303fdc rgb(48,63,220)
```
#3031dc
```
#3031dc rgb(48,49,220)
```
#3d30dc
```
#3d30dc rgb(61,48,220)
```
#4c30dc
```
#4c30dc rgb(76,48,220)
```
#5a30dc
```
#5a30dc rgb(90,48,220)
```

Similar Colors

Text with hexadecimal color #3031dc

This text has a font color of #3031dc.

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

#3031dc background color

This paragraph has a background color of #3031dc.

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

#3031dc border color

This element has a border color of #3031dc.

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

CSS codes

.text {color:#3031dc;}

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

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

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, #02020b is the darkest color, while #f9f9fe is the lightest one.

#02020b
```
#02020b rgb(2,2,11)
```
#05051c
```
#05051c rgb(5,5,28)
```
#08082d
```
#08082d rgb(8,8,45)
```
#0a0b3d
```
#0a0b3d rgb(10,11,61)
```
#0d0e4e
```
#0d0e4e rgb(13,14,78)
```
#10115f
```
#10115f rgb(16,17,95)
```
#131370
```
#131370 rgb(19,19,112)
```
#161681
```
#161681 rgb(22,22,129)
```
#191991
```
#191991 rgb(25,25,145)
```
#1b1ca2
```
#1b1ca2 rgb(27,28,162)
```
#1e1fb3
```
#1e1fb3 rgb(30,31,179)
```
#2122c4
```
#2122c4 rgb(33,34,196)
```
#2425d4
```
#2425d4 rgb(36,37,212)
```

Shade Color Variation

#3031dc
```
#3031dc rgb(48,49,220)
```
#4142df
```
#4142df rgb(65,66,223)
```
#5252e2
```
#5252e2 rgb(82,82,226)
```
#6263e5
```
#6263e5 rgb(98,99,229)
```
#7374e7
```
#7374e7 rgb(115,116,231)
```
#8484ea
```
#8484ea rgb(132,132,234)
```
#9595ed
```
#9595ed rgb(149,149,237)
```
#a5a6f0
```
#a5a6f0 rgb(165,166,240)
```
#b6b7f3
```
#b6b7f3 rgb(182,183,243)
```
#c7c7f6
```
#c7c7f6 rgb(199,199,246)
```
#d8d8f8
```
#d8d8f8 rgb(216,216,248)
```
#e9e9fb
```
#e9e9fb rgb(233,233,251)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#848488
```
#848488 rgb(132,132,136)
```
#7a7b92
```
#7a7b92 rgb(122,123,146)
```
#71719b
```
#71719b rgb(113,113,155)
```
#6868a4
```
#6868a4 rgb(104,104,164)
```
#5f5fad
```
#5f5fad rgb(95,95,173)
```
#5556b7
```
#5556b7 rgb(85,86,183)
```
#4c4dc0
```
#4c4dc0 rgb(76,77,192)
```
#4343c9
```
#4343c9 rgb(67,67,201)
```
#393ad3
```
#393ad3 rgb(57,58,211)
```
#3031dc
```
#3031dc rgb(48,49,220)
```
#2728e5
```
#2728e5 rgb(39,40,229)
```
#1d1fef
```
#1d1fef rgb(29,31,239)
```
#1415f8
```
#1415f8 rgb(20,21,248)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#404062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#1148ba Protanomaly 1% of men, 0.01% of women
#114cac Deuteranomaly 6% of men, 0.4% of women
#115091 Tritanomaly 0.01% of the population

#3031dc hex color

#3031dc Color Information

#3031dc Color Conversion

Color Schemes with #3031dc

Alternatives to #3031dc

#3031dc Preview

Shades and Tints of #3031dc

Tones of #3031dc

Color Blindness Simulator