#3f2aff hex color

In a RGB color space, hex #3f2aff is composed of 24.7% red, 16.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 83.5% magenta, 0% yellow and 0% black. It has a hue angle of 245.9 degrees, a saturation of 100% and a lightness of 58.2%. #3f2aff color hex could be obtained by blending #7e54ff with #0000ff. Closest websafe color is: #3333ff.

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

● #3f2aff color description : Vivid blue.

The hexadecimal color #3f2aff has RGB values of R:63, G:42, B:255 and CMYK values of C:0.75, M:0.84, Y:0, K:0. Its decimal value is 4139775.

Hex triplet	3f2aff	`#3f2aff`
RGB Decimal	63, 42, 255	`rgb(63,42,255)`
RGB Percent	24.7, 16.5, 100	`rgb(24.7%,16.5%,100%)`
CMYK	75, 84, 0, 0
HSL	245.9°, 100, 58.2	`hsl(245.9,100%,58.2%)`
HSV (or HSB)	245.9°, 83.5, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.719, 70.36, -98.77
XYZ	20.924, 9.931, 95.416
xyY	0.166, 0.079, 9.931
CIE-LCH	37.719, 121.269, 305.465
CIE-LUV	37.719, -7.037, -133.563
Hunter-Lab	31.514, 63.368, -157.454
Binary	00111111, 00101010, 11111111

#3f2aff
```
#3f2aff rgb(63,42,255)
```
#eaff2a
```
#eaff2a rgb(234,255,42)
```

Complementary Color

#2a80ff
```
#2a80ff rgb(42,128,255)
```
#3f2aff
```
#3f2aff rgb(63,42,255)
```
#aa2aff
```
#aa2aff rgb(170,42,255)
```

Analogous Color

#80ff2a
```
#80ff2a rgb(128,255,42)
```
#3f2aff
```
#3f2aff rgb(63,42,255)
```
#ffaa2a
```
#ffaa2a rgb(255,170,42)
```

Split Complementary Color

#2aff3f
```
#2aff3f rgb(42,255,63)
```
#3f2aff
```
#3f2aff rgb(63,42,255)
```
#ff3f2a
```
#ff3f2a rgb(255,63,42)
```

Triadic Color

#2aeaff
```
#2aeaff rgb(42,234,255)
```
#3f2aff
```
#3f2aff rgb(63,42,255)
```
#ff3f2a
```
#ff3f2a rgb(255,63,42)
```
#eaff2a
```
#eaff2a rgb(234,255,42)
```

Tetradic Color

#1600dd
```
#1600dd rgb(22,0,221)
```
#1800f6
```
#1800f6 rgb(24,0,246)
```
#2811ff
```
#2811ff rgb(40,17,255)
```
#3f2aff
```
#3f2aff rgb(63,42,255)
```
#5644ff
```
#5644ff rgb(86,68,255)
```
#6d5dff
```
#6d5dff rgb(109,93,255)
```
#8477ff
```
#8477ff rgb(132,119,255)
```

Monochromatic Color

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

#2a4aff
```
#2a4aff rgb(42,74,255)
```
#2a39ff
```
#2a39ff rgb(42,57,255)
```
#2d2aff
```
#2d2aff rgb(45,42,255)
```
#3f2aff
```
#3f2aff rgb(63,42,255)
```
#512aff
```
#512aff rgb(81,42,255)
```
#622aff
```
#622aff rgb(98,42,255)
```
#742aff
```
#742aff rgb(116,42,255)
```

Similar Colors

Text with hexadecimal color #3f2aff

This text has a font color of #3f2aff.

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

#3f2aff background color

This paragraph has a background color of #3f2aff.

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

#3f2aff border color

This element has a border color of #3f2aff.

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

CSS codes

.text {color:#3f2aff;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#020016
```
#020016 rgb(2,0,22)
```
#04002a
```
#04002a rgb(4,0,42)
```
#06003e
```
#06003e rgb(6,0,62)
```
#080051
```
#080051 rgb(8,0,81)
```
#0a0065
```
#0a0065 rgb(10,0,101)
```
#0c0078
```
#0c0078 rgb(12,0,120)
```
#0e008c
```
#0e008c rgb(14,0,140)
```
#1000a0
```
#1000a0 rgb(16,0,160)
```
#1200b3
```
#1200b3 rgb(18,0,179)
```
#1400c7
```
#1400c7 rgb(20,0,199)
```
#1600db
```
#1600db rgb(22,0,219)
```
#1700ee
```
#1700ee rgb(23,0,238)
```

Shade Color Variation

#1c03ff
```
#1c03ff rgb(28,3,255)
```
#2d16ff
```
#2d16ff rgb(45,22,255)
```
#3f2aff
```
#3f2aff rgb(63,42,255)
```
#513eff
```
#513eff rgb(81,62,255)
```
#6251ff
```
#6251ff rgb(98,81,255)
```
#7465ff
```
#7465ff rgb(116,101,255)
```
#8678ff
```
#8678ff rgb(134,120,255)
```
#978cff
```
#978cff rgb(151,140,255)
```
#a9a0ff
```
#a9a0ff rgb(169,160,255)
```
#bbb3ff
```
#bbb3ff rgb(187,179,255)
```
#ccc7ff
```
#ccc7ff rgb(204,199,255)
```
#dedbff
```
#dedbff rgb(222,219,255)
```
#f0eeff
```
#f0eeff rgb(240,238,255)
```

Tint Color Variation

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

#8e8c9d
```
#8e8c9d rgb(142,140,157)
```
#8784a5
```
#8784a5 rgb(135,132,165)
```
#817cad
```
#817cad rgb(129,124,173)
```
#7a74b5
```
#7a74b5 rgb(122,116,181)
```
#746cbd
```
#746cbd rgb(116,108,189)
```
#6d63c6
```
#6d63c6 rgb(109,99,198)
```
#665bce
```
#665bce rgb(102,91,206)
```
#6053d6
```
#6053d6 rgb(96,83,214)
```
#594bde
```
#594bde rgb(89,75,222)
```
#5343e6
```
#5343e6 rgb(83,67,230)
```
#4c3aef
```
#4c3aef rgb(76,58,239)
```
#4632f7
```
#4632f7 rgb(70,50,247)
```
#3f2aff
```
#3f2aff rgb(63,42,255)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#47436d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00649e Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#164bd1 Protanomaly 1% of men, 0.01% of women
#164fc1 Deuteranomaly 6% of men, 0.4% of women
#1653a4 Tritanomaly 0.01% of the population

#3f2aff hex color

#3f2aff Color Information

#3f2aff Color Conversion

Color Schemes with #3f2aff

Alternatives to #3f2aff

#3f2aff Preview

Shades and Tints of #3f2aff

Tones of #3f2aff

Color Blindness Simulator