#3f2dfe hex color

In a RGB color space, hex #3f2dfe is composed of 24.7% red, 17.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 82.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 245.2 degrees, a saturation of 99.1% and a lightness of 58.6%. #3f2dfe color hex could be obtained by blending #7e5aff with #0000fd. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 25
- G 18
- B 100
RGB color chart
- C 75
- M 82
- Y 0
- K 0
CMYK color chart

● #3f2dfe color description : Bright blue.

The hexadecimal color #3f2dfe has RGB values of R:63, G:45, B:254 and CMYK values of C:0.75, M:0.82, Y:0, K:0. Its decimal value is 4140542.

Hex triplet	3f2dfe	`#3f2dfe`
RGB Decimal	63, 45, 254	`rgb(63,45,254)`
RGB Percent	24.7, 17.6, 99.6	`rgb(24.7%,17.6%,99.6%)`
CMYK	75, 82, 0, 0
HSL	245.2°, 99.1, 58.6	`hsl(245.2,99.1%,58.6%)`
HSV (or HSB)	245.2°, 82.3, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	38, 68.908, -97.744
XYZ	20.874, 10.088, 94.608
xyY	0.166, 0.08, 10.088
CIE-LCH	38, 119.591, 305.183
CIE-LUV	38, -7.282, -133.003
Hunter-Lab	31.762, 61.73, -154.372
Binary	00111111, 00101101, 11111110

#3f2dfe
```
#3f2dfe rgb(63,45,254)
```
#ecfe2d
```
#ecfe2d rgb(236,254,45)
```

Complementary Color

#2d84fe
```
#2d84fe rgb(45,132,254)
```
#3f2dfe
```
#3f2dfe rgb(63,45,254)
```
#a82dfe
```
#a82dfe rgb(168,45,254)
```

Analogous Color

#84fe2d
```
#84fe2d rgb(132,254,45)
```
#3f2dfe
```
#3f2dfe rgb(63,45,254)
```
#fea82d
```
#fea82d rgb(254,168,45)
```

Split Complementary Color

#2dfe3f
```
#2dfe3f rgb(45,254,63)
```
#3f2dfe
```
#3f2dfe rgb(63,45,254)
```
#fe3f2d
```
#fe3f2d rgb(254,63,45)
```

Triadic Color

#2decfe
```
#2decfe rgb(45,236,254)
```
#3f2dfe
```
#3f2dfe rgb(63,45,254)
```
#fe3f2d
```
#fe3f2d rgb(254,63,45)
```
#ecfe2d
```
#ecfe2d rgb(236,254,45)
```

Tetradic Color

#1401dd
```
#1401dd rgb(20,1,221)
```
#1601f7
```
#1601f7 rgb(22,1,247)
```
#2814fe
```
#2814fe rgb(40,20,254)
```
#3f2dfe
```
#3f2dfe rgb(63,45,254)
```
#5646fe
```
#5646fe rgb(86,70,254)
```
#6d60fe
```
#6d60fe rgb(109,96,254)
```
#8579fe
```
#8579fe rgb(133,121,254)
```

Monochromatic Color

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

#2d4ffe
```
#2d4ffe rgb(45,79,254)
```
#2d3efe
```
#2d3efe rgb(45,62,254)
```
#2e2dfe
```
#2e2dfe rgb(46,45,254)
```
#3f2dfe
```
#3f2dfe rgb(63,45,254)
```
#502dfe
```
#502dfe rgb(80,45,254)
```
#622dfe
```
#622dfe rgb(98,45,254)
```
#732dfe
```
#732dfe rgb(115,45,254)
```

Similar Colors

Text with hexadecimal color #3f2dfe

This text has a font color of #3f2dfe.

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

#3f2dfe background color

This paragraph has a background color of #3f2dfe.

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

#3f2dfe border color

This element has a border color of #3f2dfe.

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

CSS codes

.text {color:#3f2dfe;}

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

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

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

#000005
```
#000005 rgb(0,0,5)
```
#020018
```
#020018 rgb(2,0,24)
```
#04002c
```
#04002c rgb(4,0,44)
```
#06003f
```
#06003f rgb(6,0,63)
```
#070053
```
#070053 rgb(7,0,83)
```
#090066
```
#090066 rgb(9,0,102)
```
#0b017a
```
#0b017a rgb(11,1,122)
```
#0d018d
```
#0d018d rgb(13,1,141)
```
#0f01a1
```
#0f01a1 rgb(15,1,161)
```
#1001b4
```
#1001b4 rgb(16,1,180)
```
#1201c8
```
#1201c8 rgb(18,1,200)
```
#1401db
```
#1401db rgb(20,1,219)
```
#1601ef
```
#1601ef rgb(22,1,239)
```

Shade Color Variation

#1b06fe
```
#1b06fe rgb(27,6,254)
```
#2d19fe
```
#2d19fe rgb(45,25,254)
```
#3f2dfe
```
#3f2dfe rgb(63,45,254)
```
#5141fe
```
#5141fe rgb(81,65,254)
```
#6354fe
```
#6354fe rgb(99,84,254)
```
#7568fe
```
#7568fe rgb(117,104,254)
```
#867bfe
```
#867bfe rgb(134,123,254)
```
#988ffe
```
#988ffe rgb(152,143,254)
```
#aaa2ff
```
#aaa2ff rgb(170,162,255)
```
#bcb6ff
```
#bcb6ff rgb(188,182,255)
```
#cec9ff
```
#cec9ff rgb(206,201,255)
```
#e0ddff
```
#e0ddff rgb(224,221,255)
```
#f1f0ff
```
#f1f0ff rgb(241,240,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #908e9d is the less saturated color, while #3f2dfe is the most saturated one.

#908e9d
```
#908e9d rgb(144,142,157)
```
#8986a5
```
#8986a5 rgb(137,134,165)
```
#827ead
```
#827ead rgb(130,126,173)
```
#7b76b5
```
#7b76b5 rgb(123,118,181)
```
#756ebd
```
#756ebd rgb(117,110,189)
```
#6e66c5
```
#6e66c5 rgb(110,102,197)
```
#675ecd
```
#675ecd rgb(103,94,205)
```
#6156d5
```
#6156d5 rgb(97,86,213)
```
#5a4dde
```
#5a4dde rgb(90,77,222)
```
#5345e6
```
#5345e6 rgb(83,69,230)
```
#4c3dee
```
#4c3dee rgb(76,61,238)
```
#4635f6
```
#4635f6 rgb(70,53,246)
```
#3f2dfe
```
#3f2dfe rgb(63,45,254)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#48446e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb8 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#164dd2 Protanomaly 1% of men, 0.01% of women
#1650c2 Deuteranomaly 6% of men, 0.4% of women
#1654a4 Tritanomaly 0.01% of the population

#3f2dfe hex color

#3f2dfe Color Information

#3f2dfe Color Conversion

Color Schemes with #3f2dfe

Alternatives to #3f2dfe

#3f2dfe Preview

Shades and Tints of #3f2dfe

Tones of #3f2dfe

Color Blindness Simulator