#3021f6 hex color

In a RGB color space, hex #3021f6 is composed of 18.8% red, 12.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 86.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 244.2 degrees, a saturation of 92.2% and a lightness of 54.7%. #3021f6 color hex could be obtained by blending #6042ff with #0000ed. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 13
- B 96
RGB color chart
- C 80
- M 87
- Y 0
- K 4
CMYK color chart

● #3021f6 color description : Vivid blue.

The hexadecimal color #3021f6 has RGB values of R:48, G:33, B:246 and CMYK values of C:0.8, M:0.87, Y:0, K:0.04. Its decimal value is 3154422.

Hex triplet	3021f6	`#3021f6`
RGB Decimal	48, 33, 246	`rgb(48,33,246)`
RGB Percent	18.8, 12.9, 96.5	`rgb(18.8%,12.9%,96.5%)`
CMYK	80, 87, 0, 4
HSL	244.2°, 92.2, 54.7	`hsl(244.2,92.2%,54.7%)`
HSV (or HSB)	244.2°, 86.6, 96.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.739, 70.509, -98.695
XYZ	18.394, 8.369, 87.83
xyY	0.161, 0.073, 8.369
CIE-LCH	34.739, 121.293, 305.542
CIE-LUV	34.739, -7.789, -128.016
Hunter-Lab	28.929, 62.872, -159.759
Binary	00110000, 00100001, 11110110

#3021f6
```
#3021f6 rgb(48,33,246)
```
#e7f621
```
#e7f621 rgb(231,246,33)
```

Complementary Color

#217df6
```
#217df6 rgb(33,125,246)
```
#3021f6
```
#3021f6 rgb(48,33,246)
```
#9b21f6
```
#9b21f6 rgb(155,33,246)
```

Analogous Color

#7df621
```
#7df621 rgb(125,246,33)
```
#3021f6
```
#3021f6 rgb(48,33,246)
```
#f69b21
```
#f69b21 rgb(246,155,33)
```

Split Complementary Color

#21f630
```
#21f630 rgb(33,246,48)
```
#3021f6
```
#3021f6 rgb(48,33,246)
```
#f63021
```
#f63021 rgb(246,48,33)
```

Triadic Color

#21e7f6
```
#21e7f6 rgb(33,231,246)
```
#3021f6
```
#3021f6 rgb(48,33,246)
```
#f63021
```
#f63021 rgb(246,48,33)
```
#e7f621
```
#e7f621 rgb(231,246,33)
```

Tetradic Color

#1508c3
```
#1508c3 rgb(21,8,195)
```
#1809db
```
#1809db rgb(24,9,219)
```
#1a0af4
```
#1a0af4 rgb(26,10,244)
```
#3021f6
```
#3021f6 rgb(48,33,246)
```
#473af7
```
#473af7 rgb(71,58,247)
```
#5e52f8
```
#5e52f8 rgb(94,82,248)
```
#756bf9
```
#756bf9 rgb(117,107,249)
```

Monochromatic Color

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

#2147f6
```
#2147f6 rgb(33,71,246)
```
#2136f6
```
#2136f6 rgb(33,54,246)
```
#2124f6
```
#2124f6 rgb(33,36,246)
```
#3021f6
```
#3021f6 rgb(48,33,246)
```
#4221f6
```
#4221f6 rgb(66,33,246)
```
#5421f6
```
#5421f6 rgb(84,33,246)
```
#6521f6
```
#6521f6 rgb(101,33,246)
```

Similar Colors

Text with hexadecimal color #3021f6

This text has a font color of #3021f6.

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

#3021f6 background color

This paragraph has a background color of #3021f6.

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

#3021f6 border color

This element has a border color of #3021f6.

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

CSS codes

.text {color:#3021f6;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#020117
```
#020117 rgb(2,1,23)
```
#05022a
```
#05022a rgb(5,2,42)
```
#07023d
```
#07023d rgb(7,2,61)
```
#090350
```
#090350 rgb(9,3,80)
```
#0b0462
```
#0b0462 rgb(11,4,98)
```
#0d0575
```
#0d0575 rgb(13,5,117)
```
#0f0688
```
#0f0688 rgb(15,6,136)
```
#11069b
```
#11069b rgb(17,6,155)
```
#1307ae
```
#1307ae rgb(19,7,174)
```
#1508c1
```
#1508c1 rgb(21,8,193)
```
#1709d4
```
#1709d4 rgb(23,9,212)
```
#1909e6
```
#1909e6 rgb(25,9,230)
```

Shade Color Variation

#1e0ef5
```
#1e0ef5 rgb(30,14,245)
```
#3021f6
```
#3021f6 rgb(48,33,246)
```
#4234f7
```
#4234f7 rgb(66,52,247)
```
#5347f8
```
#5347f8 rgb(83,71,248)
```
#655af8
```
#655af8 rgb(101,90,248)
```
#766cf9
```
#766cf9 rgb(118,108,249)
```
#887ffa
```
#887ffa rgb(136,127,250)
```
#9992fb
```
#9992fb rgb(153,146,251)
```
#aba5fb
```
#aba5fb rgb(171,165,251)
```
#bdb8fc
```
#bdb8fc rgb(189,184,252)
```
#cecbfd
```
#cecbfd rgb(206,203,253)
```
#e0defe
```
#e0defe rgb(224,222,254)
```
#f1f0fe
```
#f1f0fe rgb(241,240,254)
```

Tint Color Variation

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

#848394
```
#848394 rgb(132,131,148)
```
#7c7a9d
```
#7c7a9d rgb(124,122,157)
```
#7571a6
```
#7571a6 rgb(117,113,166)
```
#6d68af
```
#6d68af rgb(109,104,175)
```
#655fb8
```
#655fb8 rgb(101,95,184)
```
#5e56c1
```
#5e56c1 rgb(94,86,193)
```
#564dca
```
#564dca rgb(86,77,202)
```
#4f45d2
```
#4f45d2 rgb(79,69,210)
```
#473cdb
```
#473cdb rgb(71,60,219)
```
#3f33e4
```
#3f33e4 rgb(63,51,228)
```
#382aed
```
#382aed rgb(56,42,237)
```
#3021f6
```
#3021f6 rgb(48,33,246)
```
#2818ff
```
#2818ff rgb(40,24,255)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3863 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058aa Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#1144c6 Protanomaly 1% of men, 0.01% of women
#1147b7 Deuteranomaly 6% of men, 0.4% of women
#114b9b Tritanomaly 0.01% of the population

#3021f6 hex color

#3021f6 Color Information

#3021f6 Color Conversion

Color Schemes with #3021f6

Alternatives to #3021f6

#3021f6 Preview

Shades and Tints of #3021f6

Tones of #3021f6

Color Blindness Simulator