#3c3afe hex color

In a RGB color space, hex #3c3afe is composed of 23.5% red, 22.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 77.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 240.6 degrees, a saturation of 99% and a lightness of 61.2%. #3c3afe color hex could be obtained by blending #7874ff with #0000fd. Closest websafe color is: #3333ff.

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

● #3c3afe color description : Bright blue.

The hexadecimal color #3c3afe has RGB values of R:60, G:58, B:254 and CMYK values of C:0.76, M:0.77, Y:0, K:0. Its decimal value is 3947262.

Hex triplet	3c3afe	`#3c3afe`
RGB Decimal	60, 58, 254	`rgb(60,58,254)`
RGB Percent	23.5, 22.7, 99.6	`rgb(23.5%,22.7%,99.6%)`
CMYK	76, 77, 0, 0
HSL	240.6°, 99, 61.2	`hsl(240.6,99%,61.2%)`
HSV (or HSB)	240.6°, 77.2, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.817, 62.933, -94.733
XYZ	21.262, 11.141, 94.79
xyY	0.167, 0.088, 11.141
CIE-LCH	39.817, 113.732, 303.597
CIE-LUV	39.817, -9.284, -132.634
Hunter-Lab	33.378, 55.294, -145.011
Binary	00111100, 00111010, 11111110

#3c3afe
```
#3c3afe rgb(60,58,254)
```
#fcfe3a
```
#fcfe3a rgb(252,254,58)
```

Complementary Color

#3a9afe
```
#3a9afe rgb(58,154,254)
```
#3c3afe
```
#3c3afe rgb(60,58,254)
```
#9e3afe
```
#9e3afe rgb(158,58,254)
```

Analogous Color

#9afe3a
```
#9afe3a rgb(154,254,58)
```
#3c3afe
```
#3c3afe rgb(60,58,254)
```
#fe9e3a
```
#fe9e3a rgb(254,158,58)
```

Split Complementary Color

#3afe3c
```
#3afe3c rgb(58,254,60)
```
#3c3afe
```
#3c3afe rgb(60,58,254)
```
#fe3c3a
```
#fe3c3a rgb(254,60,58)
```

Triadic Color

#3afcfe
```
#3afcfe rgb(58,252,254)
```
#3c3afe
```
#3c3afe rgb(60,58,254)
```
#fe3c3a
```
#fe3c3a rgb(254,60,58)
```
#fcfe3a
```
#fcfe3a rgb(252,254,58)
```

Tetradic Color

#0401ea
```
#0401ea rgb(4,1,234)
```
#0a07fe
```
#0a07fe rgb(10,7,254)
```
#2321fe
```
#2321fe rgb(35,33,254)
```
#3c3afe
```
#3c3afe rgb(60,58,254)
```
#5553fe
```
#5553fe rgb(85,83,254)
```
#6e6dfe
```
#6e6dfe rgb(110,109,254)
```
#8786fe
```
#8786fe rgb(135,134,254)
```

Monochromatic Color

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

#3a69fe
```
#3a69fe rgb(58,105,254)
```
#3a59fe
```
#3a59fe rgb(58,89,254)
```
#3a48fe
```
#3a48fe rgb(58,72,254)
```
#3c3afe
```
#3c3afe rgb(60,58,254)
```
#4c3afe
```
#4c3afe rgb(76,58,254)
```
#5d3afe
```
#5d3afe rgb(93,58,254)
```
#6d3afe
```
#6d3afe rgb(109,58,254)
```

Similar Colors

Text with hexadecimal color #3c3afe

This text has a font color of #3c3afe.

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

#3c3afe background color

This paragraph has a background color of #3c3afe.

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

#3c3afe border color

This element has a border color of #3c3afe.

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

CSS codes

.text {color:#3c3afe;}

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

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

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

#000012
```
#000012 rgb(0,0,18)
```
#010025
```
#010025 rgb(1,0,37)
```
#010039
```
#010039 rgb(1,0,57)
```
#01004c
```
#01004c rgb(1,0,76)
```
#010060
```
#010060 rgb(1,0,96)
```
#020173
```
#020173 rgb(2,1,115)
```
#020187
```
#020187 rgb(2,1,135)
```
#02019a
```
#02019a rgb(2,1,154)
```
#0301ae
```
#0301ae rgb(3,1,174)
```
#0301c1
```
#0301c1 rgb(3,1,193)
```
#0301d5
```
#0301d5 rgb(3,1,213)
```
#0401e8
```
#0401e8 rgb(4,1,232)
```
#0401fc
```
#0401fc rgb(4,1,252)
```

Shade Color Variation

#1513fe
```
#1513fe rgb(21,19,254)
```
#2926fe
```
#2926fe rgb(41,38,254)
```
#3c3afe
```
#3c3afe rgb(60,58,254)
```
#4f4efe
```
#4f4efe rgb(79,78,254)
```
#6361fe
```
#6361fe rgb(99,97,254)
```
#7675fe
```
#7675fe rgb(118,117,254)
```
#8988fe
```
#8988fe rgb(137,136,254)
```
#9d9cfe
```
#9d9cfe rgb(157,156,254)
```
#b0afff
```
#b0afff rgb(176,175,255)
```
#c3c3ff
```
#c3c3ff rgb(195,195,255)
```
#d7d6ff
```
#d7d6ff rgb(215,214,255)
```
#eaeaff
```
#eaeaff rgb(234,234,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#9695a3
```
#9695a3 rgb(150,149,163)
```
#8e8eaa
```
#8e8eaa rgb(142,142,170)
```
#8786b2
```
#8786b2 rgb(135,134,178)
```
#7f7fb9
```
#7f7fb9 rgb(127,127,185)
```
#7877c1
```
#7877c1 rgb(120,119,193)
```
#706fc9
```
#706fc9 rgb(112,111,201)
```
#6968d0
```
#6968d0 rgb(105,104,208)
```
#6160d8
```
#6160d8 rgb(97,96,216)
```
#5a58e0
```
#5a58e0 rgb(90,88,224)
```
#5251e7
```
#5251e7 rgb(82,81,231)
```
#4b49ef
```
#4b49ef rgb(75,73,239)
```
#4342f6
```
#4342f6 rgb(67,66,246)
```
#3c3afe
```
#3c3afe rgb(60,58,254)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4d4c74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c0 Protanopia 1% of men
#0069a6 Deuteranopia 1% of men
#007075 Tritanopia 0.001% of the population

Trichromacy

#1554d7 Protanomaly 1% of men, 0.01% of women
#1558c6 Deuteranomaly 6% of men, 0.4% of women
#155ca7 Tritanomaly 0.01% of the population

#3c3afe hex color

#3c3afe Color Information

#3c3afe Color Conversion

Color Schemes with #3c3afe

Alternatives to #3c3afe

#3c3afe Preview

Shades and Tints of #3c3afe

Tones of #3c3afe

Color Blindness Simulator