#3020d4 hex color

In a RGB color space, hex #3020d4 is composed of 18.8% red, 12.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 84.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 245.3 degrees, a saturation of 73.8% and a lightness of 47.8%. #3020d4 color hex could be obtained by blending #6040ff with #0000a9. Closest websafe color is: #3333cc.

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

● #3020d4 color description : Strong blue.

The hexadecimal color #3020d4 has RGB values of R:48, G:32, B:212 and CMYK values of C:0.77, M:0.85, Y:0, K:0.17. Its decimal value is 3154132.

Hex triplet	3020d4	`#3020d4`
RGB Decimal	48, 32, 212	`rgb(48,32,212)`
RGB Percent	18.8, 12.5, 83.1	`rgb(18.8%,12.5%,83.1%)`
CMYK	77, 85, 0, 17
HSL	245.3°, 73.8, 47.8	`hsl(245.3,73.8%,47.8%)`
HSV (or HSB)	245.3°, 84.9, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.434, 61.481, -86.426
XYZ	13.617, 6.414, 62.804
xyY	0.164, 0.077, 6.414
CIE-LCH	30.434, 106.063, 305.427
CIE-LUV	30.434, -6.018, -108.714
Hunter-Lab	25.326, 51.652, -129.301
Binary	00110000, 00100000, 11010100

#3020d4
```
#3020d4 rgb(48,32,212)
```
#c4d420
```
#c4d420 rgb(196,212,32)
```

Complementary Color

#206ad4
```
#206ad4 rgb(32,106,212)
```
#3020d4
```
#3020d4 rgb(48,32,212)
```
#8a20d4
```
#8a20d4 rgb(138,32,212)
```

Analogous Color

#6ad420
```
#6ad420 rgb(106,212,32)
```
#3020d4
```
#3020d4 rgb(48,32,212)
```
#d48a20
```
#d48a20 rgb(212,138,32)
```

Split Complementary Color

#20d430
```
#20d430 rgb(32,212,48)
```
#3020d4
```
#3020d4 rgb(48,32,212)
```
#d43020
```
#d43020 rgb(212,48,32)
```

Triadic Color

#20c4d4
```
#20c4d4 rgb(32,196,212)
```
#3020d4
```
#3020d4 rgb(48,32,212)
```
#d43020
```
#d43020 rgb(212,48,32)
```
#c4d420
```
#c4d420 rgb(196,212,32)
```

Tetradic Color

#211692
```
#211692 rgb(33,22,146)
```
#2619a8
```
#2619a8 rgb(38,25,168)
```
#2b1dbe
```
#2b1dbe rgb(43,29,190)
```
#3020d4
```
#3020d4 rgb(48,32,212)
```
#3e2edf
```
#3e2edf rgb(62,46,223)
```
#5244e3
```
#5244e3 rgb(82,68,227)
```
#675ae6
```
#675ae6 rgb(103,90,230)
```

Monochromatic Color

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

#203dd4
```
#203dd4 rgb(32,61,212)
```
#202ed4
```
#202ed4 rgb(32,46,212)
```
#2120d4
```
#2120d4 rgb(33,32,212)
```
#3020d4
```
#3020d4 rgb(48,32,212)
```
#3f20d4
```
#3f20d4 rgb(63,32,212)
```
#4e20d4
```
#4e20d4 rgb(78,32,212)
```
#5d20d4
```
#5d20d4 rgb(93,32,212)
```

Similar Colors

Text with hexadecimal color #3020d4

This text has a font color of #3020d4.

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

#3020d4 background color

This paragraph has a background color of #3020d4.

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

#3020d4 border color

This element has a border color of #3020d4.

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

CSS codes

.text {color:#3020d4;}

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

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

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

#020107
```
#020107 rgb(2,1,7)
```
#060419
```
#060419 rgb(6,4,25)
```
#09062a
```
#09062a rgb(9,6,42)
```
#0d093b
```
#0d093b rgb(13,9,59)
```
#110b4c
```
#110b4c rgb(17,11,76)
```
#150e5d
```
#150e5d rgb(21,14,93)
```
#19116e
```
#19116e rgb(25,17,110)
```
#1d137f
```
#1d137f rgb(29,19,127)
```
#211690
```
#211690 rgb(33,22,144)
```
#2418a1
```
#2418a1 rgb(36,24,161)
```
#281bb2
```
#281bb2 rgb(40,27,178)
```
#2c1dc3
```
#2c1dc3 rgb(44,29,195)
```
#3020d4
```
#3020d4 rgb(48,32,212)
```

Shade Color Variation

#3929df
```
#3929df rgb(57,41,223)
```
#493ae1
```
#493ae1 rgb(73,58,225)
```
#594be4
```
#594be4 rgb(89,75,228)
```
#685ce6
```
#685ce6 rgb(104,92,230)
```
#786de9
```
#786de9 rgb(120,109,233)
```
#887eec
```
#887eec rgb(136,126,236)
```
#988fee
```
#988fee rgb(152,143,238)
```
#a7a0f1
```
#a7a0f1 rgb(167,160,241)
```
#b7b1f3
```
#b7b1f3 rgb(183,177,243)
```
#c7c2f6
```
#c7c2f6 rgb(199,194,246)
```
#d7d3f8
```
#d7d3f8 rgb(215,211,248)
```
#e6e4fb
```
#e6e4fb rgb(230,228,251)
```
#f6f5fe
```
#f6f5fe rgb(246,245,254)
```

Tint Color Variation

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

#757480
```
#757480 rgb(117,116,128)
```
#6e6b89
```
#6e6b89 rgb(110,107,137)
```
#666292
```
#666292 rgb(102,98,146)
```
#5e589c
```
#5e589c rgb(94,88,156)
```
#574fa5
```
#574fa5 rgb(87,79,165)
```
#4f46ae
```
#4f46ae rgb(79,70,174)
```
#473cb8
```
#473cb8 rgb(71,60,184)
```
#3f33c1
```
#3f33c1 rgb(63,51,193)
```
#3829cb
```
#3829cb rgb(56,41,203)
```
#3020d4
```
#3020d4 rgb(48,32,212)
```
#2817dd
```
#2817dd rgb(40,23,221)
```
#210de7
```
#210de7 rgb(33,13,231)
```
#1904f0
```
#1904f0 rgb(25,4,240)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#373458 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e99 Protanopia 1% of men
#005384 Deuteranopia 1% of men
#00595d Tritanopia 0.001% of the population

Trichromacy

#113dae Protanomaly 1% of men, 0.01% of women
#1140a1 Deuteranomaly 6% of men, 0.4% of women
#114488 Tritanomaly 0.01% of the population

#3020d4 hex color

#3020d4 Color Information

#3020d4 Color Conversion

Color Schemes with #3020d4

Alternatives to #3020d4

#3020d4 Preview

Shades and Tints of #3020d4

Tones of #3020d4

Color Blindness Simulator