#3f2fc5 hex color

In a RGB color space, hex #3f2fc5 is composed of 24.7% red, 18.4% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 76.1% magenta, 0% yellow and 22.7% black. It has a hue angle of 246.4 degrees, a saturation of 61.5% and a lightness of 47.8%. #3f2fc5 color hex could be obtained by blending #7e5eff with #00008b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 18
- B 77
RGB color chart
- C 68
- M 76
- Y 0
- K 23
CMYK color chart

● #3f2fc5 color description : Strong blue.

The hexadecimal color #3f2fc5 has RGB values of R:63, G:47, B:197 and CMYK values of C:0.68, M:0.76, Y:0, K:0.23. Its decimal value is 4140997.

Hex triplet	3f2fc5	`#3f2fc5`
RGB Decimal	63, 47, 197	`rgb(63,47,197)`
RGB Percent	24.7, 18.4, 77.3	`rgb(24.7%,18.4%,77.3%)`
CMYK	68, 76, 0, 23
HSL	246.4°, 61.5, 47.8	`hsl(246.4,61.5%,47.8%)`
HSV (or HSB)	246.4°, 76.1, 77.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.079, 51.315, -74.926
XYZ	13.143, 7.12, 53.502
xyY	0.178, 0.097, 7.12
CIE-LCH	32.079, 90.814, 304.406
CIE-LUV	32.079, -4.335, -100.02
Hunter-Lab	26.684, 41.218, -100.199
Binary	00111111, 00101111, 11000101

#3f2fc5
```
#3f2fc5 rgb(63,47,197)
```
#b5c52f
```
#b5c52f rgb(181,197,47)
```

Complementary Color

#2f6ac5
```
#2f6ac5 rgb(47,106,197)
```
#3f2fc5
```
#3f2fc5 rgb(63,47,197)
```
#8a2fc5
```
#8a2fc5 rgb(138,47,197)
```

Analogous Color

#6ac52f
```
#6ac52f rgb(106,197,47)
```
#3f2fc5
```
#3f2fc5 rgb(63,47,197)
```
#c58a2f
```
#c58a2f rgb(197,138,47)
```

Split Complementary Color

#2fc53f
```
#2fc53f rgb(47,197,63)
```
#3f2fc5
```
#3f2fc5 rgb(63,47,197)
```
#c53f2f
```
#c53f2f rgb(197,63,47)
```

Triadic Color

#2fb5c5
```
#2fb5c5 rgb(47,181,197)
```
#3f2fc5
```
#3f2fc5 rgb(63,47,197)
```
#c53f2f
```
#c53f2f rgb(197,63,47)
```
#b5c52f
```
#b5c52f rgb(181,197,47)
```

Tetradic Color

#2b2087
```
#2b2087 rgb(43,32,135)
```
#32259c
```
#32259c rgb(50,37,156)
```
#382ab0
```
#382ab0 rgb(56,42,176)
```
#3f2fc5
```
#3f2fc5 rgb(63,47,197)
```
#4d3dd1
```
#4d3dd1 rgb(77,61,209)
```
#6051d6
```
#6051d6 rgb(96,81,214)
```
#7266da
```
#7266da rgb(114,102,218)
```

Monochromatic Color

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

#2f45c5
```
#2f45c5 rgb(47,69,197)
```
#2f38c5
```
#2f38c5 rgb(47,56,197)
```
#322fc5
```
#322fc5 rgb(50,47,197)
```
#3f2fc5
```
#3f2fc5 rgb(63,47,197)
```
#4b2fc5
```
#4b2fc5 rgb(75,47,197)
```
#582fc5
```
#582fc5 rgb(88,47,197)
```
#652fc5
```
#652fc5 rgb(101,47,197)
```

Similar Colors

Text with hexadecimal color #3f2fc5

This text has a font color of #3f2fc5.

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

#3f2fc5 background color

This paragraph has a background color of #3f2fc5.

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

#3f2fc5 border color

This element has a border color of #3f2fc5.

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

CSS codes

.text {color:#3f2fc5;}

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

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

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

#020207
```
#020207 rgb(2,2,7)
```
#070517
```
#070517 rgb(7,5,23)
```
#0c0927
```
#0c0927 rgb(12,9,39)
```
#110d36
```
#110d36 rgb(17,13,54)
```
#161146
```
#161146 rgb(22,17,70)
```
#1c1556
```
#1c1556 rgb(28,21,86)
```
#211866
```
#211866 rgb(33,24,102)
```
#261c76
```
#261c76 rgb(38,28,118)
```
#2b2086
```
#2b2086 rgb(43,32,134)
```
#302495
```
#302495 rgb(48,36,149)
```
#3527a5
```
#3527a5 rgb(53,39,165)
```
#3a2bb5
```
#3a2bb5 rgb(58,43,181)
```
#3f2fc5
```
#3f2fc5 rgb(63,47,197)
```

Shade Color Variation

#4838d0
```
#4838d0 rgb(72,56,208)
```
#5748d3
```
#5748d3 rgb(87,72,211)
```
#6558d7
```
#6558d7 rgb(101,88,215)
```
#7468db
```
#7468db rgb(116,104,219)
```
#8277df
```
#8277df rgb(130,119,223)
```
#9187e2
```
#9187e2 rgb(145,135,226)
```
#a097e6
```
#a097e6 rgb(160,151,230)
```
#aea7ea
```
#aea7ea rgb(174,167,234)
```
#bdb7ee
```
#bdb7ee rgb(189,183,238)
```
#cbc7f2
```
#cbc7f2 rgb(203,199,242)
```
#dad6f5
```
#dad6f5 rgb(218,214,245)
```
#e8e6f9
```
#e8e6f9 rgb(232,230,249)
```
#f7f6fd
```
#f7f6fd rgb(247,246,253)
```

Tint Color Variation

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

#737183
```
#737183 rgb(115,113,131)
```
#6b678d
```
#6b678d rgb(107,103,141)
```
#645e96
```
#645e96 rgb(100,94,150)
```
#5d559f
```
#5d559f rgb(93,85,159)
```
#554ba9
```
#554ba9 rgb(85,75,169)
```
#4e42b2
```
#4e42b2 rgb(78,66,178)
```
#4638bc
```
#4638bc rgb(70,56,188)
```
#3f2fc5
```
#3f2fc5 rgb(63,47,197)
```
#3826ce
```
#3826ce rgb(56,38,206)
```
#301cd8
```
#301cd8 rgb(48,28,216)
```
#2913e1
```
#2913e1 rgb(41,19,225)
```
#2109eb
```
#2109eb rgb(33,9,235)
```
#1a00f4
```
#1a00f4 rgb(26,0,244)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#44415f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d62 Tritanopia 0.001% of the population

Trichromacy

#1645ad Protanomaly 1% of men, 0.01% of women
#1648a0 Deuteranomaly 6% of men, 0.4% of women
#164c86 Tritanomaly 0.01% of the population

#3f2fc5 hex color

#3f2fc5 Color Information

#3f2fc5 Color Conversion

Color Schemes with #3f2fc5

Alternatives to #3f2fc5

#3f2fc5 Preview

Shades and Tints of #3f2fc5

Tones of #3f2fc5

Color Blindness Simulator