#3f20dc hex color

In a RGB color space, hex #3f20dc is composed of 24.7% red, 12.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 85.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 249.9 degrees, a saturation of 74.6% and a lightness of 49.4%. #3f20dc color hex could be obtained by blending #7e40ff with #0000b9. Closest websafe color is: #3333cc.

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

● #3f20dc color description : Vivid blue.

The hexadecimal color #3f20dc has RGB values of R:63, G:32, B:220 and CMYK values of C:0.71, M:0.85, Y:0, K:0.14. Its decimal value is 4137180.

Hex triplet	3f20dc	`#3f20dc`
RGB Decimal	63, 32, 220	`rgb(63,32,220)`
RGB Percent	24.7, 12.5, 86.3	`rgb(24.7%,12.5%,86.3%)`
CMYK	71, 85, 0, 14
HSL	249.9°, 74.6, 49.4	`hsl(249.9,74.6%,49.4%)`
HSV (or HSB)	249.9°, 85.5, 86.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.383, 64.517, -87.778
XYZ	15.482, 7.256, 68.291
xyY	0.17, 0.08, 7.256
CIE-LCH	32.383, 108.938, 306.316
CIE-LUV	32.383, -4.092, -113.647
Hunter-Lab	26.937, 55.451, -131.454
Binary	00111111, 00100000, 11011100

#3f20dc
```
#3f20dc rgb(63,32,220)
```
#bddc20
```
#bddc20 rgb(189,220,32)
```

Complementary Color

#205fdc
```
#205fdc rgb(32,95,220)
```
#3f20dc
```
#3f20dc rgb(63,32,220)
```
#9d20dc
```
#9d20dc rgb(157,32,220)
```

Analogous Color

#5fdc20
```
#5fdc20 rgb(95,220,32)
```
#3f20dc
```
#3f20dc rgb(63,32,220)
```
#dc9d20
```
#dc9d20 rgb(220,157,32)
```

Split Complementary Color

#20dc3f
```
#20dc3f rgb(32,220,63)
```
#3f20dc
```
#3f20dc rgb(63,32,220)
```
#dc3f20
```
#dc3f20 rgb(220,63,32)
```

Triadic Color

#20bddc
```
#20bddc rgb(32,189,220)
```
#3f20dc
```
#3f20dc rgb(63,32,220)
```
#dc3f20
```
#dc3f20 rgb(220,63,32)
```
#bddc20
```
#bddc20 rgb(189,220,32)
```

Tetradic Color

#2c1699
```
#2c1699 rgb(44,22,153)
```
#321aaf
```
#321aaf rgb(50,26,175)
```
#391dc6
```
#391dc6 rgb(57,29,198)
```
#3f20dc
```
#3f20dc rgb(63,32,220)
```
#5134e1
```
#5134e1 rgb(81,52,225)
```
#644ae5
```
#644ae5 rgb(100,74,229)
```
#7761e8
```
#7761e8 rgb(119,97,232)
```

Monochromatic Color

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

#2030dc
```
#2030dc rgb(32,48,220)
```
#2020dc
```
#2020dc rgb(32,32,220)
```
#2f20dc
```
#2f20dc rgb(47,32,220)
```
#3f20dc
```
#3f20dc rgb(63,32,220)
```
#4f20dc
```
#4f20dc rgb(79,32,220)
```
#5e20dc
```
#5e20dc rgb(94,32,220)
```
#6e20dc
```
#6e20dc rgb(110,32,220)
```

Similar Colors

Text with hexadecimal color #3f20dc

This text has a font color of #3f20dc.

<span style="color:#3f20dc;">Text here</span>

#3f20dc background color

This paragraph has a background color of #3f20dc.

<p style="background-color:#3f20dc;">Content here</p>

#3f20dc border color

This element has a border color of #3f20dc.

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

CSS codes

.text {color:#3f20dc;}

.background {background-color:#3f20dc;}

.border {border:1px solid #3f20dc;}

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

#04020f
```
#04020f rgb(4,2,15)
```
#090520
```
#090520 rgb(9,5,32)
```
#0e0731
```
#0e0731 rgb(14,7,49)
```
#130a42
```
#130a42 rgb(19,10,66)
```
#180c53
```
#180c53 rgb(24,12,83)
```
#1d0f64
```
#1d0f64 rgb(29,15,100)
```
#221175
```
#221175 rgb(34,17,117)
```
#261486
```
#261486 rgb(38,20,134)
```
#2b1698
```
#2b1698 rgb(43,22,152)
```
#3019a9
```
#3019a9 rgb(48,25,169)
```
#351bba
```
#351bba rgb(53,27,186)
```
#3a1ecb
```
#3a1ecb rgb(58,30,203)
```
#3f20dc
```
#3f20dc rgb(63,32,220)
```

Shade Color Variation

#4c2fe1
```
#4c2fe1 rgb(76,47,225)
```
#5b40e3
```
#5b40e3 rgb(91,64,227)
```
#6a51e6
```
#6a51e6 rgb(106,81,230)
```
#7862e8
```
#7862e8 rgb(120,98,232)
```
#8773eb
```
#8773eb rgb(135,115,235)
```
#9685ed
```
#9685ed rgb(150,133,237)
```
#a496f0
```
#a496f0 rgb(164,150,240)
```
#b3a7f2
```
#b3a7f2 rgb(179,167,242)
```
#c2b8f5
```
#c2b8f5 rgb(194,184,245)
```
#d1c9f7
```
#d1c9f7 rgb(209,201,247)
```
#dfdafa
```
#dfdafa rgb(223,218,250)
```
#eeebfc
```
#eeebfc rgb(238,235,252)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#797785
```
#797785 rgb(121,119,133)
```
#736e8e
```
#736e8e rgb(115,110,142)
```
#6c6498
```
#6c6498 rgb(108,100,152)
```
#665aa2
```
#665aa2 rgb(102,90,162)
```
#5f50ac
```
#5f50ac rgb(95,80,172)
```
#5947b5
```
#5947b5 rgb(89,71,181)
```
#523dbf
```
#523dbf rgb(82,61,191)
```
#4c33c9
```
#4c33c9 rgb(76,51,201)
```
#452ad2
```
#452ad2 rgb(69,42,210)
```
#3f20dc
```
#3f20dc rgb(63,32,220)
```
#3916e6
```
#3916e6 rgb(57,22,230)
```
#320def
```
#320def rgb(50,13,239)
```
#2c03f9
```
#2c03f9 rgb(44,3,249)
```

Tone Color Variation

Below, you can see how #3f20dc 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

#3f3f3f Achromatopsia 0.005% of the population
#3f395e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00578b Deuteranopia 1% of men
#005d62 Tritanopia 0.001% of the population

Trichromacy

#1640b6 Protanomaly 1% of men, 0.01% of women
#1643a8 Deuteranomaly 6% of men, 0.4% of women
#16478e Tritanomaly 0.01% of the population

#3f20dc hex color

#3f20dc Color Information

#3f20dc Color Conversion

Color Schemes with #3f20dc

Alternatives to #3f20dc

#3f20dc Preview

Shades and Tints of #3f20dc

Tones of #3f20dc

Color Blindness Simulator