#3420f0 hex color

In a RGB color space, hex #3420f0 is composed of 20.4% red, 12.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 86.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 245.8 degrees, a saturation of 87.4% and a lightness of 53.3%. #3420f0 color hex could be obtained by blending #6840ff with #0000e1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 20
- G 13
- B 94
RGB color chart
- C 78
- M 87
- Y 0
- K 6
CMYK color chart

● #3420f0 color description : Vivid blue.

The hexadecimal color #3420f0 has RGB values of R:52, G:32, B:240 and CMYK values of C:0.78, M:0.87, Y:0, K:0.06. Its decimal value is 3416304.

Hex triplet	3420f0	`#3420f0`
RGB Decimal	52, 32, 240	`rgb(52,32,240)`
RGB Percent	20.4, 12.5, 94.1	`rgb(20.4%,12.5%,94.1%)`
CMYK	78, 87, 0, 6
HSL	245.8°, 87.4, 53.3	`hsl(245.8,87.4%,53.3%)`
HSV (or HSB)	245.8°, 86.7, 94.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.094, 69.38, -96.373
XYZ	17.658, 8.053, 83.057
xyY	0.162, 0.074, 8.053
CIE-LCH	34.094, 118.749, 305.751
CIE-LUV	34.094, -6.926, -124.701
Hunter-Lab	28.378, 61.406, -153.665
Binary	00110100, 00100000, 11110000

#3420f0
```
#3420f0 rgb(52,32,240)
```
#dcf020
```
#dcf020 rgb(220,240,32)
```

Complementary Color

#2074f0
```
#2074f0 rgb(32,116,240)
```
#3420f0
```
#3420f0 rgb(52,32,240)
```
#9c20f0
```
#9c20f0 rgb(156,32,240)
```

Analogous Color

#74f020
```
#74f020 rgb(116,240,32)
```
#3420f0
```
#3420f0 rgb(52,32,240)
```
#f09c20
```
#f09c20 rgb(240,156,32)
```

Split Complementary Color

#20f034
```
#20f034 rgb(32,240,52)
```
#3420f0
```
#3420f0 rgb(52,32,240)
```
#f03420
```
#f03420 rgb(240,52,32)
```

Triadic Color

#20dcf0
```
#20dcf0 rgb(32,220,240)
```
#3420f0
```
#3420f0 rgb(52,32,240)
```
#f03420
```
#f03420 rgb(240,52,32)
```
#dcf020
```
#dcf020 rgb(220,240,32)
```

Tetradic Color

#1d0cb7
```
#1d0cb7 rgb(29,12,183)
```
#200ecf
```
#200ecf rgb(32,14,207)
```
#2410e7
```
#2410e7 rgb(36,16,231)
```
#3420f0
```
#3420f0 rgb(52,32,240)
```
#4a38f2
```
#4a38f2 rgb(74,56,242)
```
#5f50f3
```
#5f50f3 rgb(95,80,243)
```
#7568f5
```
#7568f5 rgb(117,104,245)
```

Monochromatic Color

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

#2040f0
```
#2040f0 rgb(32,64,240)
```
#202ff0
```
#202ff0 rgb(32,47,240)
```
#2320f0
```
#2320f0 rgb(35,32,240)
```
#3420f0
```
#3420f0 rgb(52,32,240)
```
#4520f0
```
#4520f0 rgb(69,32,240)
```
#5720f0
```
#5720f0 rgb(87,32,240)
```
#6820f0
```
#6820f0 rgb(104,32,240)
```

Similar Colors

Text with hexadecimal color #3420f0

This text has a font color of #3420f0.

<span style="color:#3420f0;">Text here</span>

#3420f0 background color

This paragraph has a background color of #3420f0.

<p style="background-color:#3420f0;">Content here</p>

#3420f0 border color

This element has a border color of #3420f0.

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

CSS codes

.text {color:#3420f0;}

.background {background-color:#3420f0;}

.border {border:1px solid #3420f0;}

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

#020110
```
#020110 rgb(2,1,16)
```
#050222
```
#050222 rgb(5,2,34)
```
#080435
```
#080435 rgb(8,4,53)
```
#0b0547
```
#0b0547 rgb(11,5,71)
```
#0e0659
```
#0e0659 rgb(14,6,89)
```
#11076c
```
#11076c rgb(17,7,108)
```
#14087e
```
#14087e rgb(20,8,126)
```
#170a91
```
#170a91 rgb(23,10,145)
```
#1a0ba3
```
#1a0ba3 rgb(26,11,163)
```
#1c0cb5
```
#1c0cb5 rgb(28,12,181)
```
#1f0dc8
```
#1f0dc8 rgb(31,13,200)
```
#220fda
```
#220fda rgb(34,15,218)
```
#2510ec
```
#2510ec rgb(37,16,236)
```

Shade Color Variation

#3420f0
```
#3420f0 rgb(52,32,240)
```
#4532f1
```
#4532f1 rgb(69,50,241)
```
#5545f2
```
#5545f2 rgb(85,69,242)
```
#6657f4
```
#6657f4 rgb(102,87,244)
```
#776af5
```
#776af5 rgb(119,106,245)
```
#887cf6
```
#887cf6 rgb(136,124,246)
```
#988ef7
```
#988ef7 rgb(152,142,247)
```
#a9a1f9
```
#a9a1f9 rgb(169,161,249)
```
#bab3fa
```
#bab3fa rgb(186,179,250)
```
#cbc5fb
```
#cbc5fb rgb(203,197,251)
```
#dbd8fc
```
#dbd8fc rgb(219,216,252)
```
#eceafe
```
#eceafe rgb(236,234,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85858b is the less saturated color, while #2d17f9 is the most saturated one.

#85858b
```
#85858b rgb(133,133,139)
```
#7e7c94
```
#7e7c94 rgb(126,124,148)
```
#77729e
```
#77729e rgb(119,114,158)
```
#6f69a7
```
#6f69a7 rgb(111,105,167)
```
#6860b0
```
#6860b0 rgb(104,96,176)
```
#6057b9
```
#6057b9 rgb(96,87,185)
```
#594ec2
```
#594ec2 rgb(89,78,194)
```
#5245cb
```
#5245cb rgb(82,69,203)
```
#4a3bd5
```
#4a3bd5 rgb(74,59,213)
```
#4332de
```
#4332de rgb(67,50,222)
```
#3b29e7
```
#3b29e7 rgb(59,41,231)
```
#3420f0
```
#3420f0 rgb(52,32,240)
```
#2d17f9
```
#2d17f9 rgb(45,23,249)
```

Tone Color Variation

Below, you can see how #3420f0 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
#3c3862 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#1242c2 Protanomaly 1% of men, 0.01% of women
#1246b3 Deuteranomaly 6% of men, 0.4% of women
#124a98 Tritanomaly 0.01% of the population

#3420f0 hex color

#3420f0 Color Information

#3420f0 Color Conversion

Color Schemes with #3420f0

Alternatives to #3420f0

#3420f0 Preview

Shades and Tints of #3420f0

Tones of #3420f0

Color Blindness Simulator