#3f20b0 hex color

In a RGB color space, hex #3f20b0 is composed of 24.7% red, 12.5% green and 69% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 81.8% magenta, 0% yellow and 31% black. It has a hue angle of 252.9 degrees, a saturation of 69.2% and a lightness of 40.8%. #3f20b0 color hex could be obtained by blending #7e40ff with #000061. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 25
- G 13
- B 69
RGB color chart
- C 64
- M 82
- Y 0
- K 31
CMYK color chart

● #3f20b0 color description : Dark blue.

The hexadecimal color #3f20b0 has RGB values of R:63, G:32, B:176 and CMYK values of C:0.64, M:0.82, Y:0, K:0.31. Its decimal value is 4137136.

Hex triplet	3f20b0	`#3f20b0`
RGB Decimal	63, 32, 176	`rgb(63,32,176)`
RGB Percent	24.7, 12.5, 69	`rgb(24.7%,12.5%,69%)`
CMYK	64, 82, 0, 31
HSL	252.9°, 69.2, 40.8	`hsl(252.9,69.2%,40.8%)`
HSV (or HSB)	252.9°, 81.8, 69
Web Safe	333399	`#333399`

CIE-LAB	27.364, 52.248, -70.281
XYZ	10.401, 5.224, 41.532
xyY	0.182, 0.091, 5.224
CIE-LCH	27.364, 87.574, 306.628
CIE-LUV	27.364, -1.009, -88.211
Hunter-Lab	22.856, 41.235, -91.738
Binary	00111111, 00100000, 10110000

#3f20b0
```
#3f20b0 rgb(63,32,176)
```
#91b020
```
#91b020 rgb(145,176,32)
```

Complementary Color

#2049b0
```
#2049b0 rgb(32,73,176)
```
#3f20b0
```
#3f20b0 rgb(63,32,176)
```
#8720b0
```
#8720b0 rgb(135,32,176)
```

Analogous Color

#49b020
```
#49b020 rgb(73,176,32)
```
#3f20b0
```
#3f20b0 rgb(63,32,176)
```
#b08720
```
#b08720 rgb(176,135,32)
```

Split Complementary Color

#20b03f
```
#20b03f rgb(32,176,63)
```
#3f20b0
```
#3f20b0 rgb(63,32,176)
```
#b03f20
```
#b03f20 rgb(176,63,32)
```

Triadic Color

#2091b0
```
#2091b0 rgb(32,145,176)
```
#3f20b0
```
#3f20b0 rgb(63,32,176)
```
#b03f20
```
#b03f20 rgb(176,63,32)
```
#91b020
```
#91b020 rgb(145,176,32)
```

Tetradic Color

#28146f
```
#28146f rgb(40,20,111)
```
#301885
```
#301885 rgb(48,24,133)
```
#371c9a
```
#371c9a rgb(55,28,154)
```
#3f20b0
```
#3f20b0 rgb(63,32,176)
```
#4724c6
```
#4724c6 rgb(71,36,198)
```
#502bd8
```
#502bd8 rgb(80,43,216)
```
#6240dc
```
#6240dc rgb(98,64,220)
```

Monochromatic Color

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

#2025b0
```
#2025b0 rgb(32,37,176)
```
#2720b0
```
#2720b0 rgb(39,32,176)
```
#3320b0
```
#3320b0 rgb(51,32,176)
```
#3f20b0
```
#3f20b0 rgb(63,32,176)
```
#4b20b0
```
#4b20b0 rgb(75,32,176)
```
#5720b0
```
#5720b0 rgb(87,32,176)
```
#6320b0
```
#6320b0 rgb(99,32,176)
```

Similar Colors

Text with hexadecimal color #3f20b0

This text has a font color of #3f20b0.

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

#3f20b0 background color

This paragraph has a background color of #3f20b0.

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

#3f20b0 border color

This element has a border color of #3f20b0.

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

CSS codes

.text {color:#3f20b0;}

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

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

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

#04020a
```
#04020a rgb(4,2,10)
```
#0a051b
```
#0a051b rgb(10,5,27)
```
#0f082b
```
#0f082b rgb(15,8,43)
```
#150b3c
```
#150b3c rgb(21,11,60)
```
#1b0e4c
```
#1b0e4c rgb(27,14,76)
```
#21115d
```
#21115d rgb(33,17,93)
```
#27146e
```
#27146e rgb(39,20,110)
```
#2d177e
```
#2d177e rgb(45,23,126)
```
#331a8f
```
#331a8f rgb(51,26,143)
```
#391d9f
```
#391d9f rgb(57,29,159)
```
#3f20b0
```
#3f20b0 rgb(63,32,176)
```
#4523c1
```
#4523c1 rgb(69,35,193)
```
#4b26d1
```
#4b26d1 rgb(75,38,209)
```

Shade Color Variation

#5531da
```
#5531da rgb(85,49,218)
```
#6342dd
```
#6342dd rgb(99,66,221)
```
#7152e0
```
#7152e0 rgb(113,82,224)
```
#7f63e3
```
#7f63e3 rgb(127,99,227)
```
#8c74e6
```
#8c74e6 rgb(140,116,230)
```
#9a84e9
```
#9a84e9 rgb(154,132,233)
```
#a895ec
```
#a895ec rgb(168,149,236)
```
#b5a5ef
```
#b5a5ef rgb(181,165,239)
```
#c3b6f2
```
#c3b6f2 rgb(195,182,242)
```
#d1c7f5
```
#d1c7f5 rgb(209,199,245)
```
#ded7f8
```
#ded7f8 rgb(222,215,248)
```
#ece8fb
```
#ece8fb rgb(236,232,251)
```
#faf8fe
```
#faf8fe rgb(250,248,254)
```

Tint Color Variation

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

#636070
```
#636070 rgb(99,96,112)
```
#5f5878
```
#5f5878 rgb(95,88,120)
```
#5a5080
```
#5a5080 rgb(90,80,128)
```
#564888
```
#564888 rgb(86,72,136)
```
#514090
```
#514090 rgb(81,64,144)
```
#4d3898
```
#4d3898 rgb(77,56,152)
```
#4830a0
```
#4830a0 rgb(72,48,160)
```
#4428a8
```
#4428a8 rgb(68,40,168)
```
#3f20b0
```
#3f20b0 rgb(63,32,176)
```
#3a18b8
```
#3a18b8 rgb(58,24,184)
```
#3610c0
```
#3610c0 rgb(54,16,192)
```
#3108c8
```
#3108c8 rgb(49,8,200)
```
#2d00d0
```
#2d00d0 rgb(45,0,208)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#3b3552 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488c Protanopia 1% of men
#004c7a Deuteranopia 1% of men
#005157 Tritanopia 0.001% of the population

Trichromacy

#163999 Protanomaly 1% of men, 0.01% of women
#163c8d Deuteranomaly 6% of men, 0.4% of women
#163f77 Tritanomaly 0.01% of the population

#3f20b0 hex color

#3f20b0 Color Information

#3f20b0 Color Conversion

Color Schemes with #3f20b0

Alternatives to #3f20b0

#3f20b0 Preview

Shades and Tints of #3f20b0

Tones of #3f20b0

Color Blindness Simulator