#3021dc hex color

In a RGB color space, hex #3021dc is composed of 18.8% red, 12.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 85% magenta, 0% yellow and 13.7% black. It has a hue angle of 244.8 degrees, a saturation of 73.9% and a lightness of 49.6%. #3021dc color hex could be obtained by blending #6042ff with #0000b9. Closest websafe color is: #3333cc.

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

● #3021dc color description : Vivid blue.

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

Hex triplet	3021dc	`#3021dc`
RGB Decimal	48, 33, 220	`rgb(48,33,220)`
RGB Percent	18.8, 12.9, 86.3	`rgb(18.8%,12.9%,86.3%)`
CMYK	78, 85, 0, 14
HSL	244.8°, 73.9, 49.6	`hsl(244.8,73.9%,49.6%)`
HSV (or HSB)	244.8°, 85, 86.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.538, 63.353, -89.211
XYZ	14.679, 6.882, 68.261
xyY	0.163, 0.077, 6.882
CIE-LCH	31.538, 109.417, 305.38
CIE-LUV	31.538, -6.516, -113.316
Hunter-Lab	26.234, 53.963, -135.906
Binary	00110000, 00100001, 11011100

#3021dc
```
#3021dc rgb(48,33,220)
```
#cddc21
```
#cddc21 rgb(205,220,33)
```

Complementary Color

#2170dc
```
#2170dc rgb(33,112,220)
```
#3021dc
```
#3021dc rgb(48,33,220)
```
#8e21dc
```
#8e21dc rgb(142,33,220)
```

Analogous Color

#70dc21
```
#70dc21 rgb(112,220,33)
```
#3021dc
```
#3021dc rgb(48,33,220)
```
#dc8e21
```
#dc8e21 rgb(220,142,33)
```

Split Complementary Color

#21dc30
```
#21dc30 rgb(33,220,48)
```
#3021dc
```
#3021dc rgb(48,33,220)
```
#dc3021
```
#dc3021 rgb(220,48,33)
```

Triadic Color

#21cddc
```
#21cddc rgb(33,205,220)
```
#3021dc
```
#3021dc rgb(48,33,220)
```
#dc3021
```
#dc3021 rgb(220,48,33)
```
#cddc21
```
#cddc21 rgb(205,220,33)
```

Tetradic Color

#211799
```
#211799 rgb(33,23,153)
```
#261ab0
```
#261ab0 rgb(38,26,176)
```
#2b1ec6
```
#2b1ec6 rgb(43,30,198)
```
#3021dc
```
#3021dc rgb(48,33,220)
```
#4336e1
```
#4336e1 rgb(67,54,225)
```
#584ce4
```
#584ce4 rgb(88,76,228)
```
#6d62e7
```
#6d62e7 rgb(109,98,231)
```

Monochromatic Color

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

#2141dc
```
#2141dc rgb(33,65,220)
```
#2131dc
```
#2131dc rgb(33,49,220)
```
#2122dc
```
#2122dc rgb(33,34,220)
```
#3021dc
```
#3021dc rgb(48,33,220)
```
#4021dc
```
#4021dc rgb(64,33,220)
```
#4f21dc
```
#4f21dc rgb(79,33,220)
```
#5f21dc
```
#5f21dc rgb(95,33,220)
```

Similar Colors

Text with hexadecimal color #3021dc

This text has a font color of #3021dc.

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

#3021dc background color

This paragraph has a background color of #3021dc.

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

#3021dc border color

This element has a border color of #3021dc.

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

CSS codes

.text {color:#3021dc;}

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

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

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, #03020f is the darkest color, while #fdfdff is the lightest one.

#03020f
```
#03020f rgb(3,2,15)
```
#070520
```
#070520 rgb(7,5,32)
```
#0b0731
```
#0b0731 rgb(11,7,49)
```
#0f0a42
```
#0f0a42 rgb(15,10,66)
```
#120d54
```
#120d54 rgb(18,13,84)
```
#160f65
```
#160f65 rgb(22,15,101)
```
#1a1276
```
#1a1276 rgb(26,18,118)
```
#1d1487
```
#1d1487 rgb(29,20,135)
```
#211798
```
#211798 rgb(33,23,152)
```
#2519a9
```
#2519a9 rgb(37,25,169)
```
#291cba
```
#291cba rgb(41,28,186)
```
#2c1ecb
```
#2c1ecb rgb(44,30,203)
```
#3021dc
```
#3021dc rgb(48,33,220)
```

Shade Color Variation

#3f31e0
```
#3f31e0 rgb(63,49,224)
```
#4f42e3
```
#4f42e3 rgb(79,66,227)
```
#5e53e5
```
#5e53e5 rgb(94,83,229)
```
#6e64e8
```
#6e64e8 rgb(110,100,232)
```
#7e75ea
```
#7e75ea rgb(126,117,234)
```
#8e86ed
```
#8e86ed rgb(142,134,237)
```
#9e97ef
```
#9e97ef rgb(158,151,239)
```
#aea8f2
```
#aea8f2 rgb(174,168,242)
```
#beb9f5
```
#beb9f5 rgb(190,185,245)
```
#cecaf7
```
#cecaf7 rgb(206,202,247)
```
#dedbfa
```
#dedbfa rgb(222,219,250)
```
#edecfc
```
#edecfc rgb(237,236,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#7a7984
```
#7a7984 rgb(122,121,132)
```
#716f8e
```
#716f8e rgb(113,111,142)
```
#696598
```
#696598 rgb(105,101,152)
```
#615ba2
```
#615ba2 rgb(97,91,162)
```
#5952ab
```
#5952ab rgb(89,82,171)
```
#5148b5
```
#5148b5 rgb(81,72,181)
```
#493ebf
```
#493ebf rgb(73,62,191)
```
#4034c9
```
#4034c9 rgb(64,52,201)
```
#382bd2
```
#382bd2 rgb(56,43,210)
```
#3021dc
```
#3021dc rgb(48,33,220)
```
#2817e6
```
#2817e6 rgb(40,23,230)
```
#200eef
```
#200eef rgb(32,14,239)
```
#1704f9
```
#1704f9 rgb(23,4,249)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#39365b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005b60 Tritanopia 0.001% of the population

Trichromacy

#113fb4 Protanomaly 1% of men, 0.01% of women
#1142a6 Deuteranomaly 6% of men, 0.4% of women
#11468d Tritanomaly 0.01% of the population

#3021dc hex color

#3021dc Color Information

#3021dc Color Conversion

Color Schemes with #3021dc

Alternatives to #3021dc

#3021dc Preview

Shades and Tints of #3021dc

Tones of #3021dc

Color Blindness Simulator