#3062d4 hex color

In a RGB color space, hex #3062d4 is composed of 18.8% red, 38.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 53.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 221.7 degrees, a saturation of 65.6% and a lightness of 51%. #3062d4 color hex could be obtained by blending #60c4ff with #0000a9. Closest websafe color is: #3366cc.

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

● #3062d4 color description : Strong blue.

The hexadecimal color #3062d4 has RGB values of R:48, G:98, B:212 and CMYK values of C:0.77, M:0.54, Y:0, K:0.17. Its decimal value is 3171028.

Hex triplet	3062d4	`#3062d4`
RGB Decimal	48, 98, 212	`rgb(48,98,212)`
RGB Percent	18.8, 38.4, 83.1	`rgb(18.8%,38.4%,83.1%)`
CMYK	77, 54, 0, 17
HSL	221.7°, 65.6, 51	`hsl(221.7,65.6%,51%)`
HSV (or HSB)	221.7°, 77.4, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.399, 23.934, -63.475
XYZ	17.468, 14.116, 64.088
xyY	0.183, 0.148, 14.116
CIE-LCH	44.399, 67.837, 290.659
CIE-LUV	44.399, -18.505, -96.336
Hunter-Lab	37.571, 17.239, -74.835
Binary	00110000, 01100010, 11010100

#3062d4
```
#3062d4 rgb(48,98,212)
```
#d4a230
```
#d4a230 rgb(212,162,48)
```

Complementary Color

#30b4d4
```
#30b4d4 rgb(48,180,212)
```
#3062d4
```
#3062d4 rgb(48,98,212)
```
#5030d4
```
#5030d4 rgb(80,48,212)
```

Analogous Color

#b4d430
```
#b4d430 rgb(180,212,48)
```
#3062d4
```
#3062d4 rgb(48,98,212)
```
#d45030
```
#d45030 rgb(212,80,48)
```

Split Complementary Color

#62d430
```
#62d430 rgb(98,212,48)
```
#3062d4
```
#3062d4 rgb(48,98,212)
```
#d43062
```
#d43062 rgb(212,48,98)
```

Triadic Color

#30d4a2
```
#30d4a2 rgb(48,212,162)
```
#3062d4
```
#3062d4 rgb(48,98,212)
```
#d43062
```
#d43062 rgb(212,48,98)
```
#d4a230
```
#d4a230 rgb(212,162,48)
```

Tetradic Color

#204498
```
#204498 rgb(32,68,152)
```
#244ead
```
#244ead rgb(36,78,173)
```
#2857c2
```
#2857c2 rgb(40,87,194)
```
#3062d4
```
#3062d4 rgb(48,98,212)
```
#4572d8
```
#4572d8 rgb(69,114,216)
```
#5a82dd
```
#5a82dd rgb(90,130,221)
```
#6f92e1
```
#6f92e1 rgb(111,146,225)
```

Monochromatic Color

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

#308bd4
```
#308bd4 rgb(48,139,212)
```
#307dd4
```
#307dd4 rgb(48,125,212)
```
#3070d4
```
#3070d4 rgb(48,112,212)
```
#3062d4
```
#3062d4 rgb(48,98,212)
```
#3054d4
```
#3054d4 rgb(48,84,212)
```
#3047d4
```
#3047d4 rgb(48,71,212)
```
#3039d4
```
#3039d4 rgb(48,57,212)
```

Similar Colors

Text with hexadecimal color #3062d4

This text has a font color of #3062d4.

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

#3062d4 background color

This paragraph has a background color of #3062d4.

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

#3062d4 border color

This element has a border color of #3062d4.

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

CSS codes

.text {color:#3062d4;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040914
```
#040914 rgb(4,9,20)
```
#081025
```
#081025 rgb(8,16,37)
```
#0b1835
```
#0b1835 rgb(11,24,53)
```
#0e1f45
```
#0e1f45 rgb(14,31,69)
```
#122655
```
#122655 rgb(18,38,85)
```
#152e66
```
#152e66 rgb(21,46,102)
```
#183576
```
#183576 rgb(24,53,118)
```
#1c3c86
```
#1c3c86 rgb(28,60,134)
```
#1f4496
```
#1f4496 rgb(31,68,150)
```
#234ba7
```
#234ba7 rgb(35,75,167)
```
#2652b7
```
#2652b7 rgb(38,82,183)
```
#2959c7
```
#2959c7 rgb(41,89,199)
```

Shade Color Variation

#3062d4
```
#3062d4 rgb(48,98,212)
```
#406ed7
```
#406ed7 rgb(64,110,215)
```
#507bdb
```
#507bdb rgb(80,123,219)
```
#6187de
```
#6187de rgb(97,135,222)
```
#7193e1
```
#7193e1 rgb(113,147,225)
```
#81a0e5
```
#81a0e5 rgb(129,160,229)
```
#91ace8
```
#91ace8 rgb(145,172,232)
```
#a2b8ec
```
#a2b8ec rgb(162,184,236)
```
#b2c5ef
```
#b2c5ef rgb(178,197,239)
```
#c2d1f2
```
#c2d1f2 rgb(194,209,242)
```
#d2ddf6
```
#d2ddf6 rgb(210,221,246)
```
#e3eaf9
```
#e3eaf9 rgb(227,234,249)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

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

#7d8087
```
#7d8087 rgb(125,128,135)
```
#737c91
```
#737c91 rgb(115,124,145)
```
#6a799a
```
#6a799a rgb(106,121,154)
```
#6075a4
```
#6075a4 rgb(96,117,164)
```
#5671ae
```
#5671ae rgb(86,113,174)
```
#4d6db7
```
#4d6db7 rgb(77,109,183)
```
#436ac1
```
#436ac1 rgb(67,106,193)
```
#3a66ca
```
#3a66ca rgb(58,102,202)
```
#3062d4
```
#3062d4 rgb(48,98,212)
```
#265ede
```
#265ede rgb(38,94,222)
```
#1d5ae7
```
#1d5ae7 rgb(29,90,231)
```
#1357f1
```
#1357f1 rgb(19,87,241)
```
#0a53fa
```
#0a53fa rgb(10,83,250)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#566077 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073bc Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#1169d5 Protanomaly 1% of men, 0.01% of women
#116cc4 Deuteranomaly 6% of men, 0.4% of women
#1172a0 Tritanomaly 0.01% of the population

#3062d4 hex color

#3062d4 Color Information

#3062d4 Color Conversion

Color Schemes with #3062d4

Alternatives to #3062d4

#3062d4 Preview

Shades and Tints of #3062d4

Tones of #3062d4

Color Blindness Simulator