colorhexa.com

#3f2bde hex color

In a RGB color space, hex #3f2bde is composed of 24.7% red, 16.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 80.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 246.7 degrees, a saturation of 73.1% and a lightness of 52%. #3f2bde color hex could be obtained by blending #7e56ff with #0000bd. Closest websafe color is: #3333cc.

- R 25
- G 17
- B 87
RGB color chart
- C 72
- M 81
- Y 0
- K 13
CMYK color chart

● #3f2bde color description : Bright blue.

The hexadecimal color #3f2bde has RGB values of R:63, G:43, B:222 and CMYK values of C:0.72, M:0.81, Y:0, K:0.13. Its decimal value is 4139998.

Hex triplet	3f2bde	`#3f2bde`
RGB Decimal	63, 43, 222	`rgb(63,43,222)`
RGB Percent	24.7, 16.9, 87.1	`rgb(24.7%,16.9%,87.1%)`
CMYK	72, 81, 0, 13
HSL	246.7°, 73.1, 52	`hsl(246.7,73.1%,52%)`
HSV (or HSB)	246.7°, 80.6, 87.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.102, 60.669, -86.074
XYZ	16.096, 8.058, 69.81
xyY	0.171, 0.086, 8.058
CIE-LCH	34.102, 105.307, 305.178
CIE-LUV	34.102, -5.306, -114.815
Hunter-Lab	28.386, 51.542, -125.944
Binary	00111111, 00101011, 11011110

#3f2bde
```
#3f2bde rgb(63,43,222)
```
#cade2b
```
#cade2b rgb(202,222,43)
```

Complementary Color

#2b71de
```
#2b71de rgb(43,113,222)
```
#3f2bde
```
#3f2bde rgb(63,43,222)
```
#992bde
```
#992bde rgb(153,43,222)
```

Analogous Color

#71de2b
```
#71de2b rgb(113,222,43)
```
#3f2bde
```
#3f2bde rgb(63,43,222)
```
#de992b
```
#de992b rgb(222,153,43)
```

Split Complementary Color

#2bde3f
```
#2bde3f rgb(43,222,63)
```
#3f2bde
```
#3f2bde rgb(63,43,222)
```
#de3f2b
```
#de3f2b rgb(222,63,43)
```

Triadic Color

#2bcade
```
#2bcade rgb(43,202,222)
```
#3f2bde
```
#3f2bde rgb(63,43,222)
```
#de3f2b
```
#de3f2b rgb(222,63,43)
```
#cade2b
```
#cade2b rgb(202,222,43)
```

Tetradic Color

#2919a3
```
#2919a3 rgb(41,25,163)
```
#2e1db9
```
#2e1db9 rgb(46,29,185)
```
#3420cf
```
#3420cf rgb(52,32,207)
```
#3f2bde
```
#3f2bde rgb(63,43,222)
```
#5341e1
```
#5341e1 rgb(83,65,225)
```
#6757e5
```
#6757e5 rgb(103,87,229)
```
#7b6de8
```
#7b6de8 rgb(123,109,232)
```

Monochromatic Color

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

#2b44de
```
#2b44de rgb(43,68,222)
```
#2b35de
```
#2b35de rgb(43,53,222)
```
#302bde
```
#302bde rgb(48,43,222)
```
#3f2bde
```
#3f2bde rgb(63,43,222)
```
#4e2bde
```
#4e2bde rgb(78,43,222)
```
#5d2bde
```
#5d2bde rgb(93,43,222)
```
#6c2bde
```
#6c2bde rgb(108,43,222)
```

Similar Colors

Text with hexadecimal color #3f2bde

This text has a font color of #3f2bde.

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

#3f2bde background color

This paragraph has a background color of #3f2bde.

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

#3f2bde border color

This element has a border color of #3f2bde.

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

CSS codes

.text {color:#3f2bde;}

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

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

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

#020109
```
#020109 rgb(2,1,9)
```
#06041a
```
#06041a rgb(6,4,26)
```
#0b072b
```
#0b072b rgb(11,7,43)
```
#0f093c
```
#0f093c rgb(15,9,60)
```
#130c4d
```
#130c4d rgb(19,12,77)
```
#170f5e
```
#170f5e rgb(23,15,94)
```
#1c116e
```
#1c116e rgb(28,17,110)
```
#20147f
```
#20147f rgb(32,20,127)
```
#241690
```
#241690 rgb(36,22,144)
```
#2819a1
```
#2819a1 rgb(40,25,161)
```
#2d1cb2
```
#2d1cb2 rgb(45,28,178)
```
#311ec3
```
#311ec3 rgb(49,30,195)
```
#3521d4
```
#3521d4 rgb(53,33,212)
```

Shade Color Variation

#3f2bde
```
#3f2bde rgb(63,43,222)
```
#4e3ce1
```
#4e3ce1 rgb(78,60,225)
```
#5e4de3
```
#5e4de3 rgb(94,77,227)
```
#6d5ee6
```
#6d5ee6 rgb(109,94,230)
```
#7c6fe9
```
#7c6fe9 rgb(124,111,233)
```
#8c80eb
```
#8c80eb rgb(140,128,235)
```
#9b91ee
```
#9b91ee rgb(155,145,238)
```
#aba2f0
```
#aba2f0 rgb(171,162,240)
```
#bab3f3
```
#bab3f3 rgb(186,179,243)
```
#c9c4f6
```
#c9c4f6 rgb(201,196,246)
```
#d9d5f8
```
#d9d5f8 rgb(217,213,248)
```
#e8e6fb
```
#e8e6fb rgb(232,230,251)
```
#f7f7fe
```
#f7f7fe rgb(247,247,254)
```

Tint Color Variation

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

#818089
```
#818089 rgb(129,128,137)
```
#7a7693
```
#7a7693 rgb(122,118,147)
```
#726d9c
```
#726d9c rgb(114,109,156)
```
#6b64a5
```
#6b64a5 rgb(107,100,165)
```
#645aaf
```
#645aaf rgb(100,90,175)
```
#5c51b8
```
#5c51b8 rgb(92,81,184)
```
#5547c2
```
#5547c2 rgb(85,71,194)
```
#4e3ecb
```
#4e3ecb rgb(78,62,203)
```
#4634d5
```
#4634d5 rgb(70,52,213)
```
#3f2bde
```
#3f2bde rgb(63,43,222)
```
#3822e7
```
#3822e7 rgb(56,34,231)
```
#3018f1
```
#3018f1 rgb(48,24,241)
```
#290ffa
```
#290ffa rgb(41,15,250)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#1646bb Protanomaly 1% of men, 0.01% of women
#164aad Deuteranomaly 6% of men, 0.4% of women
#164e92 Tritanomaly 0.01% of the population