#3f2bdc hex color

In a RGB color space, hex #3f2bdc is composed of 24.7% red, 16.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 80.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 246.8 degrees, a saturation of 71.7% and a lightness of 51.6%. #3f2bdc color hex could be obtained by blending #7e56ff with #0000b9. Closest websafe color is: #3333cc.

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

● #3f2bdc color description : Bright blue.

The hexadecimal color #3f2bdc has RGB values of R:63, G:43, B:220 and CMYK values of C:0.71, M:0.8, Y:0, K:0.14. Its decimal value is 4139996.

Hex triplet	3f2bdc	`#3f2bdc`
RGB Decimal	63, 43, 220	`rgb(63,43,220)`
RGB Percent	24.7, 16.9, 86.3	`rgb(24.7%,16.9%,86.3%)`
CMYK	71, 80, 0, 14
HSL	246.8°, 71.7, 51.6	`hsl(246.8,71.7%,51.6%)`
HSV (or HSB)	246.8°, 80.5, 86.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.881, 60.091, -85.293
XYZ	15.83, 7.951, 68.407
xyY	0.172, 0.086, 7.951
CIE-LCH	33.881, 104.335, 305.165
CIE-LUV	33.881, -5.189, -113.663
Hunter-Lab	28.197, 50.861, -124.099
Binary	00111111, 00101011, 11011100

#3f2bdc
```
#3f2bdc rgb(63,43,220)
```
#c8dc2b
```
#c8dc2b rgb(200,220,43)
```

Complementary Color

#2b70dc
```
#2b70dc rgb(43,112,220)
```
#3f2bdc
```
#3f2bdc rgb(63,43,220)
```
#982bdc
```
#982bdc rgb(152,43,220)
```

Analogous Color

#70dc2b
```
#70dc2b rgb(112,220,43)
```
#3f2bdc
```
#3f2bdc rgb(63,43,220)
```
#dc982b
```
#dc982b rgb(220,152,43)
```

Split Complementary Color

#2bdc3f
```
#2bdc3f rgb(43,220,63)
```
#3f2bdc
```
#3f2bdc rgb(63,43,220)
```
#dc3f2b
```
#dc3f2b rgb(220,63,43)
```

Triadic Color

#2bc8dc
```
#2bc8dc rgb(43,200,220)
```
#3f2bdc
```
#3f2bdc rgb(63,43,220)
```
#dc3f2b
```
#dc3f2b rgb(220,63,43)
```
#c8dc2b
```
#c8dc2b rgb(200,220,43)
```

Tetradic Color

#2a1aa0
```
#2a1aa0 rgb(42,26,160)
```
#2f1eb6
```
#2f1eb6 rgb(47,30,182)
```
#3522cc
```
#3522cc rgb(53,34,204)
```
#3f2bdc
```
#3f2bdc rgb(63,43,220)
```
#5341e0
```
#5341e0 rgb(83,65,224)
```
#6757e3
```
#6757e3 rgb(103,87,227)
```
#7a6de7
```
#7a6de7 rgb(122,109,231)
```

Monochromatic Color

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

#2b43dc
```
#2b43dc rgb(43,67,220)
```
#2b35dc
```
#2b35dc rgb(43,53,220)
```
#302bdc
```
#302bdc rgb(48,43,220)
```
#3f2bdc
```
#3f2bdc rgb(63,43,220)
```
#4e2bdc
```
#4e2bdc rgb(78,43,220)
```
#5d2bdc
```
#5d2bdc rgb(93,43,220)
```
#6b2bdc
```
#6b2bdc rgb(107,43,220)
```

Similar Colors

Text with hexadecimal color #3f2bdc

This text has a font color of #3f2bdc.

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

#3f2bdc background color

This paragraph has a background color of #3f2bdc.

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

#3f2bdc border color

This element has a border color of #3f2bdc.

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

CSS codes

.text {color:#3f2bdc;}

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

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

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

#020107
```
#020107 rgb(2,1,7)
```
#060418
```
#060418 rgb(6,4,24)
```
#0b0729
```
#0b0729 rgb(11,7,41)
```
#0f0939
```
#0f0939 rgb(15,9,57)
```
#130c4a
```
#130c4a rgb(19,12,74)
```
#180f5b
```
#180f5b rgb(24,15,91)
```
#1c126c
```
#1c126c rgb(28,18,108)
```
#20157d
```
#20157d rgb(32,21,125)
```
#25178e
```
#25178e rgb(37,23,142)
```
#291a9e
```
#291a9e rgb(41,26,158)
```
#2d1daf
```
#2d1daf rgb(45,29,175)
```
#3220c0
```
#3220c0 rgb(50,32,192)
```
#3622d1
```
#3622d1 rgb(54,34,209)
```

Shade Color Variation

#3f2bdc
```
#3f2bdc rgb(63,43,220)
```
#4e3cdf
```
#4e3cdf rgb(78,60,223)
```
#5d4de2
```
#5d4de2 rgb(93,77,226)
```
#6d5ee4
```
#6d5ee4 rgb(109,94,228)
```
#7c6ee7
```
#7c6ee7 rgb(124,110,231)
```
#8b7fea
```
#8b7fea rgb(139,127,234)
```
#9a90ed
```
#9a90ed rgb(154,144,237)
```
#aaa1ef
```
#aaa1ef rgb(170,161,239)
```
#b9b2f2
```
#b9b2f2 rgb(185,178,242)
```
#c8c3f5
```
#c8c3f5 rgb(200,195,245)
```
#d7d3f8
```
#d7d3f8 rgb(215,211,248)
```
#e7e4fb
```
#e7e4fb rgb(231,228,251)
```
#f6f5fd
```
#f6f5fd rgb(246,245,253)
```

Tint Color Variation

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

#818187
```
#818187 rgb(129,129,135)
```
#7a7790
```
#7a7790 rgb(122,119,144)
```
#726e9a
```
#726e9a rgb(114,110,154)
```
#6b64a3
```
#6b64a3 rgb(107,100,163)
```
#645bad
```
#645bad rgb(100,91,173)
```
#5c51b6
```
#5c51b6 rgb(92,81,182)
```
#5548c0
```
#5548c0 rgb(85,72,192)
```
#4e3ec9
```
#4e3ec9 rgb(78,62,201)
```
#4635d3
```
#4635d3 rgb(70,53,211)
```
#3f2bdc
```
#3f2bdc rgb(63,43,220)
```
#3822e6
```
#3822e6 rgb(56,34,230)
```
#3018ef
```
#3018ef rgb(48,24,239)
```
#290ff9
```
#290ff9 rgb(41,15,249)
```

Tone Color Variation

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

Dichromacy

#0056a7 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#1646ba Protanomaly 1% of men, 0.01% of women
#1649ac Deuteranomaly 6% of men, 0.4% of women
#164d91 Tritanomaly 0.01% of the population

#3f2bdc hex color

#3f2bdc Color Information

#3f2bdc Color Conversion

Color Schemes with #3f2bdc

Alternatives to #3f2bdc

#3f2bdc Preview

Shades and Tints of #3f2bdc

Tones of #3f2bdc

Color Blindness Simulator