#3c5afe hex color

In a RGB color space, hex #3c5afe is composed of 23.5% red, 35.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 64.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 230.7 degrees, a saturation of 99% and a lightness of 61.6%. #3c5afe color hex could be obtained by blending #78b4ff with #0000fd. Closest websafe color is: #3366ff.

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

● #3c5afe color description : Bright blue.

The hexadecimal color #3c5afe has RGB values of R:60, G:90, B:254 and CMYK values of C:0.76, M:0.65, Y:0, K:0. Its decimal value is 3955454.

Hex triplet	3c5afe	`#3c5afe`
RGB Decimal	60, 90, 254	`rgb(60,90,254)`
RGB Percent	23.5, 35.3, 99.6	`rgb(23.5%,35.3%,99.6%)`
CMYK	76, 65, 0, 0
HSL	230.7°, 99, 61.6	`hsl(230.7,99%,61.6%)`
HSV (or HSB)	230.7°, 76.4, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.214, 45.235, -84.183
XYZ	23.405, 15.427, 95.505
xyY	0.174, 0.115, 15.427
CIE-LCH	46.214, 95.567, 298.251
CIE-LUV	46.214, -14.954, -127.273
Hunter-Lab	39.277, 37.633, -116.672
Binary	00111100, 01011010, 11111110

#3c5afe
```
#3c5afe rgb(60,90,254)
```
#fee03c
```
#fee03c rgb(254,224,60)
```

Complementary Color

#3cbbfe
```
#3cbbfe rgb(60,187,254)
```
#3c5afe
```
#3c5afe rgb(60,90,254)
```
#7f3cfe
```
#7f3cfe rgb(127,60,254)
```

Analogous Color

#bbfe3c
```
#bbfe3c rgb(187,254,60)
```
#3c5afe
```
#3c5afe rgb(60,90,254)
```
#fe7f3c
```
#fe7f3c rgb(254,127,60)
```

Split Complementary Color

#5afe3c
```
#5afe3c rgb(90,254,60)
```
#3c5afe
```
#3c5afe rgb(60,90,254)
```
#fe3c5a
```
#fe3c5a rgb(254,60,90)
```

Triadic Color

#3cfee0
```
#3cfee0 rgb(60,254,224)
```
#3c5afe
```
#3c5afe rgb(60,90,254)
```
#fe3c5a
```
#fe3c5a rgb(254,60,90)
```
#fee03c
```
#fee03c rgb(254,224,60)
```

Tetradic Color

#0126ec
```
#0126ec rgb(1,38,236)
```
#092ffe
```
#092ffe rgb(9,47,254)
```
#2345fe
```
#2345fe rgb(35,69,254)
```
#3c5afe
```
#3c5afe rgb(60,90,254)
```
#556ffe
```
#556ffe rgb(85,111,254)
```
#6f85fe
```
#6f85fe rgb(111,133,254)
```
#889afe
```
#889afe rgb(136,154,254)
```

Monochromatic Color

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

#3c8bfe
```
#3c8bfe rgb(60,139,254)
```
#3c7afe
```
#3c7afe rgb(60,122,254)
```
#3c6afe
```
#3c6afe rgb(60,106,254)
```
#3c5afe
```
#3c5afe rgb(60,90,254)
```
#3c4afe
```
#3c4afe rgb(60,74,254)
```
#3e3cfe
```
#3e3cfe rgb(62,60,254)
```
#4f3cfe
```
#4f3cfe rgb(79,60,254)
```

Similar Colors

Text with hexadecimal color #3c5afe

This text has a font color of #3c5afe.

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

#3c5afe background color

This paragraph has a background color of #3c5afe.

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

#3c5afe border color

This element has a border color of #3c5afe.

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

CSS codes

.text {color:#3c5afe;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000314
```
#000314 rgb(0,3,20)
```
#000627
```
#000627 rgb(0,6,39)
```
#00093b
```
#00093b rgb(0,9,59)
```
#000c4e
```
#000c4e rgb(0,12,78)
```
#011062
```
#011062 rgb(1,16,98)
```
#011375
```
#011375 rgb(1,19,117)
```
#011689
```
#011689 rgb(1,22,137)
```
#01199c
```
#01199c rgb(1,25,156)
```
#011cb0
```
#011cb0 rgb(1,28,176)
```
#011fc3
```
#011fc3 rgb(1,31,195)
```
#0122d7
```
#0122d7 rgb(1,34,215)
```
#0125ea
```
#0125ea rgb(1,37,234)
```

Shade Color Variation

#0128fe
```
#0128fe rgb(1,40,254)
```
#1539fe
```
#1539fe rgb(21,57,254)
```
#2849fe
```
#2849fe rgb(40,73,254)
```
#3c5afe
```
#3c5afe rgb(60,90,254)
```
#506bfe
```
#506bfe rgb(80,107,254)
```
#637bfe
```
#637bfe rgb(99,123,254)
```
#778cfe
```
#778cfe rgb(119,140,254)
```
#8a9cfe
```
#8a9cfe rgb(138,156,254)
```
#9eadff
```
#9eadff rgb(158,173,255)
```
#b1bdff
```
#b1bdff rgb(177,189,255)
```
#c5ceff
```
#c5ceff rgb(197,206,255)
```
#d8deff
```
#d8deff rgb(216,222,255)
```
#ecefff
```
#ecefff rgb(236,239,255)
```

Tint Color Variation

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

#9698a4
```
#9698a4 rgb(150,152,164)
```
#8f93ab
```
#8f93ab rgb(143,147,171)
```
#878eb3
```
#878eb3 rgb(135,142,179)
```
#8089ba
```
#8089ba rgb(128,137,186)
```
#7884c2
```
#7884c2 rgb(120,132,194)
```
#717ec9
```
#717ec9 rgb(113,126,201)
```
#6979d1
```
#6979d1 rgb(105,121,209)
```
#6274d8
```
#6274d8 rgb(98,116,216)
```
#5a6fe0
```
#5a6fe0 rgb(90,111,224)
```
#536ae7
```
#536ae7 rgb(83,106,231)
```
#4b64ef
```
#4b64ef rgb(75,100,239)
```
#445ff6
```
#445ff6 rgb(68,95,246)
```
#3c5afe
```
#3c5afe rgb(60,90,254)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5c6283 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0078c0 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#1569e9 Protanomaly 1% of men, 0.01% of women
#156dd7 Deuteranomaly 6% of men, 0.4% of women
#1572b2 Tritanomaly 0.01% of the population

#3c5afe hex color

#3c5afe Color Information

#3c5afe Color Conversion

Color Schemes with #3c5afe

Alternatives to #3c5afe

#3c5afe Preview

Shades and Tints of #3c5afe

Tones of #3c5afe

Color Blindness Simulator