#3c2aff hex color

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

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

● #3c2aff color description : Vivid blue.

The hexadecimal color #3c2aff has RGB values of R:60, G:42, B:255 and CMYK values of C:0.76, M:0.84, Y:0, K:0. Its decimal value is 3943167.

Hex triplet	3c2aff	`#3c2aff`
RGB Decimal	60, 42, 255	`rgb(60,42,255)`
RGB Percent	23.5, 16.5, 100	`rgb(23.5%,16.5%,100%)`
CMYK	76, 84, 0, 0
HSL	245.1°, 100, 58.2	`hsl(245.1,100%,58.2%)`
HSV (or HSB)	245.1°, 83.5, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.545, 70.21, -99.064
XYZ	20.738, 9.835, 95.408
xyY	0.165, 0.078, 9.835
CIE-LCH	37.545, 121.422, 305.327
CIE-LUV	37.545, -7.48, -133.528
Hunter-Lab	31.361, 63.152, -158.42
Binary	00111100, 00101010, 11111111

#3c2aff
```
#3c2aff rgb(60,42,255)
```
#edff2a
```
#edff2a rgb(237,255,42)
```

Complementary Color

#2a83ff
```
#2a83ff rgb(42,131,255)
```
#3c2aff
```
#3c2aff rgb(60,42,255)
```
#a72aff
```
#a72aff rgb(167,42,255)
```

Analogous Color

#83ff2a
```
#83ff2a rgb(131,255,42)
```
#3c2aff
```
#3c2aff rgb(60,42,255)
```
#ffa72a
```
#ffa72a rgb(255,167,42)
```

Split Complementary Color

#2aff3c
```
#2aff3c rgb(42,255,60)
```
#3c2aff
```
#3c2aff rgb(60,42,255)
```
#ff3c2a
```
#ff3c2a rgb(255,60,42)
```

Triadic Color

#2aedff
```
#2aedff rgb(42,237,255)
```
#3c2aff
```
#3c2aff rgb(60,42,255)
```
#ff3c2a
```
#ff3c2a rgb(255,60,42)
```
#edff2a
```
#edff2a rgb(237,255,42)
```

Tetradic Color

#1300dd
```
#1300dd rgb(19,0,221)
```
#1500f6
```
#1500f6 rgb(21,0,246)
```
#2511ff
```
#2511ff rgb(37,17,255)
```
#3c2aff
```
#3c2aff rgb(60,42,255)
```
#5344ff
```
#5344ff rgb(83,68,255)
```
#6b5dff
```
#6b5dff rgb(107,93,255)
```
#8277ff
```
#8277ff rgb(130,119,255)
```

Monochromatic Color

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

#2a4dff
```
#2a4dff rgb(42,77,255)
```
#2a3cff
```
#2a3cff rgb(42,60,255)
```
#2a2aff
```
#2a2aff rgb(42,42,255)
```
#3c2aff
```
#3c2aff rgb(60,42,255)
```
#4e2aff
```
#4e2aff rgb(78,42,255)
```
#5f2aff
```
#5f2aff rgb(95,42,255)
```
#712aff
```
#712aff rgb(113,42,255)
```

Similar Colors

Text with hexadecimal color #3c2aff

This text has a font color of #3c2aff.

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

#3c2aff background color

This paragraph has a background color of #3c2aff.

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

#3c2aff border color

This element has a border color of #3c2aff.

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

CSS codes

.text {color:#3c2aff;}

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

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

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)
```
#05003e
```
#05003e rgb(5,0,62)
```
#070051
```
#070051 rgb(7,0,81)
```
#090065
```
#090065 rgb(9,0,101)
```
#0a0078
```
#0a0078 rgb(10,0,120)
```
#0c008c
```
#0c008c rgb(12,0,140)
```
#0d00a0
```
#0d00a0 rgb(13,0,160)
```
#0f00b3
```
#0f00b3 rgb(15,0,179)
```
#1100c7
```
#1100c7 rgb(17,0,199)
```
#1200db
```
#1200db rgb(18,0,219)
```
#1400ee
```
#1400ee rgb(20,0,238)
```

Shade Color Variation

#1803ff
```
#1803ff rgb(24,3,255)
```
#2a16ff
```
#2a16ff rgb(42,22,255)
```
#3c2aff
```
#3c2aff rgb(60,42,255)
```
#4e3eff
```
#4e3eff rgb(78,62,255)
```
#6051ff
```
#6051ff rgb(96,81,255)
```
#7265ff
```
#7265ff rgb(114,101,255)
```
#8478ff
```
#8478ff rgb(132,120,255)
```
#968cff
```
#968cff rgb(150,140,255)
```
#a8a0ff
```
#a8a0ff rgb(168,160,255)
```
#bab3ff
```
#bab3ff rgb(186,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 #3c2aff is the most saturated one.

#8e8c9d
```
#8e8c9d rgb(142,140,157)
```
#8784a5
```
#8784a5 rgb(135,132,165)
```
#807cad
```
#807cad rgb(128,124,173)
```
#7974b5
```
#7974b5 rgb(121,116,181)
```
#726cbd
```
#726cbd rgb(114,108,189)
```
#6c63c6
```
#6c63c6 rgb(108,99,198)
```
#655bce
```
#655bce rgb(101,91,206)
```
#5e53d6
```
#5e53d6 rgb(94,83,214)
```
#574bde
```
#574bde rgb(87,75,222)
```
#5043e6
```
#5043e6 rgb(80,67,230)
```
#4a3aef
```
#4a3aef rgb(74,58,239)
```
#4332f7
```
#4332f7 rgb(67,50,247)
```
#3c2aff
```
#3c2aff rgb(60,42,255)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#46426d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb6 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#154bd1 Protanomaly 1% of men, 0.01% of women
#154ec1 Deuteranomaly 6% of men, 0.4% of women
#1553a3 Tritanomaly 0.01% of the population

#3c2aff hex color

#3c2aff Color Information

#3c2aff Color Conversion

Color Schemes with #3c2aff

Alternatives to #3c2aff

#3c2aff Preview

Shades and Tints of #3c2aff

Tones of #3c2aff

Color Blindness Simulator