#3062dc hex color

In a RGB color space, hex #3062dc is composed of 18.8% red, 38.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 55.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 222.6 degrees, a saturation of 71.1% and a lightness of 52.5%. #3062dc color hex could be obtained by blending #60c4ff with #0000b9. Closest websafe color is: #3366cc.

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

● #3062dc color description : Bright blue.

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

Hex triplet	3062dc	`#3062dc`
RGB Decimal	48, 98, 220	`rgb(48,98,220)`
RGB Percent	18.8, 38.4, 86.3	`rgb(18.8%,38.4%,86.3%)`
CMYK	78, 55, 0, 14
HSL	222.6°, 71.1, 52.5	`hsl(222.6,71.1%,52.5%)`
HSV (or HSB)	222.6°, 78.2, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.983, 26.919, -67.088
XYZ	18.502, 14.53, 69.536
xyY	0.18, 0.142, 14.53
CIE-LCH	44.983, 72.287, 291.863
CIE-LUV	44.983, -18.449, -102.052
Hunter-Lab	38.118, 19.936, -81.476
Binary	00110000, 01100010, 11011100

#3062dc
```
#3062dc rgb(48,98,220)
```
#dcaa30
```
#dcaa30 rgb(220,170,48)
```

Complementary Color

#30b8dc
```
#30b8dc rgb(48,184,220)
```
#3062dc
```
#3062dc rgb(48,98,220)
```
#5430dc
```
#5430dc rgb(84,48,220)
```

Analogous Color

#b8dc30
```
#b8dc30 rgb(184,220,48)
```
#3062dc
```
#3062dc rgb(48,98,220)
```
#dc5430
```
#dc5430 rgb(220,84,48)
```

Split Complementary Color

#62dc30
```
#62dc30 rgb(98,220,48)
```
#3062dc
```
#3062dc rgb(48,98,220)
```
#dc3062
```
#dc3062 rgb(220,48,98)
```

Triadic Color

#30dcaa
```
#30dcaa rgb(48,220,170)
```
#3062dc
```
#3062dc rgb(48,98,220)
```
#dc3062
```
#dc3062 rgb(220,48,98)
```
#dcaa30
```
#dcaa30 rgb(220,170,48)
```

Tetradic Color

#1c43a4
```
#1c43a4 rgb(28,67,164)
```
#1f4cba
```
#1f4cba rgb(31,76,186)
```
#2355cf
```
#2355cf rgb(35,85,207)
```
#3062dc
```
#3062dc rgb(48,98,220)
```
#4673e0
```
#4673e0 rgb(70,115,224)
```
#5c83e3
```
#5c83e3 rgb(92,131,227)
```
#7194e7
```
#7194e7 rgb(113,148,231)
```

Monochromatic Color

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

#308ddc
```
#308ddc rgb(48,141,220)
```
#307fdc
```
#307fdc rgb(48,127,220)
```
#3070dc
```
#3070dc rgb(48,112,220)
```
#3062dc
```
#3062dc rgb(48,98,220)
```
#3054dc
```
#3054dc rgb(48,84,220)
```
#3045dc
```
#3045dc rgb(48,69,220)
```
#3037dc
```
#3037dc rgb(48,55,220)
```

Similar Colors

Text with hexadecimal color #3062dc

This text has a font color of #3062dc.

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

#3062dc background color

This paragraph has a background color of #3062dc.

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

#3062dc border color

This element has a border color of #3062dc.

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

CSS codes

.text {color:#3062dc;}

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

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

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

#02050b
```
#02050b rgb(2,5,11)
```
#050b1c
```
#050b1c rgb(5,11,28)
```
#08122d
```
#08122d rgb(8,18,45)
```
#0a193d
```
#0a193d rgb(10,25,61)
```
#0d204e
```
#0d204e rgb(13,32,78)
```
#10275f
```
#10275f rgb(16,39,95)
```
#132e70
```
#132e70 rgb(19,46,112)
```
#163581
```
#163581 rgb(22,53,129)
```
#193c91
```
#193c91 rgb(25,60,145)
```
#1b43a2
```
#1b43a2 rgb(27,67,162)
```
#1e49b3
```
#1e49b3 rgb(30,73,179)
```
#2150c4
```
#2150c4 rgb(33,80,196)
```
#2457d4
```
#2457d4 rgb(36,87,212)
```

Shade Color Variation

#3062dc
```
#3062dc rgb(48,98,220)
```
#416fdf
```
#416fdf rgb(65,111,223)
```
#527be2
```
#527be2 rgb(82,123,226)
```
#6288e5
```
#6288e5 rgb(98,136,229)
```
#7395e7
```
#7395e7 rgb(115,149,231)
```
#84a2ea
```
#84a2ea rgb(132,162,234)
```
#95aeed
```
#95aeed rgb(149,174,237)
```
#a5bbf0
```
#a5bbf0 rgb(165,187,240)
```
#b6c8f3
```
#b6c8f3 rgb(182,200,243)
```
#c7d5f6
```
#c7d5f6 rgb(199,213,246)
```
#d8e1f8
```
#d8e1f8 rgb(216,225,248)
```
#e9eefb
```
#e9eefb rgb(233,238,251)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#848588
```
#848588 rgb(132,133,136)
```
#7a8192
```
#7a8192 rgb(122,129,146)
```
#717d9b
```
#717d9b rgb(113,125,155)
```
#6879a4
```
#6879a4 rgb(104,121,164)
```
#5f75ad
```
#5f75ad rgb(95,117,173)
```
#5572b7
```
#5572b7 rgb(85,114,183)
```
#4c6ec0
```
#4c6ec0 rgb(76,110,192)
```
#436ac9
```
#436ac9 rgb(67,106,201)
```
#3966d3
```
#3966d3 rgb(57,102,211)
```
#3062dc
```
#3062dc rgb(48,98,220)
```
#275ee5
```
#275ee5 rgb(39,94,229)
```
#1d5aef
```
#1d5aef rgb(29,90,239)
```
#1456f8
```
#1456f8 rgb(20,86,248)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#57617a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0074bd Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#116ada Protanomaly 1% of men, 0.01% of women
#116dc8 Deuteranomaly 6% of men, 0.4% of women
#1173a4 Tritanomaly 0.01% of the population

#3062dc hex color

#3062dc Color Information

#3062dc Color Conversion

Color Schemes with #3062dc

Alternatives to #3062dc

#3062dc Preview

Shades and Tints of #3062dc

Tones of #3062dc

Color Blindness Simulator