#3c60fd hex color

In a RGB color space, hex #3c60fd is composed of 23.5% red, 37.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 62.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 228.8 degrees, a saturation of 98% and a lightness of 61.4%. #3c60fd color hex could be obtained by blending #78c0ff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 24
- G 38
- B 99
RGB color chart
- C 76
- M 62
- Y 0
- K 1
CMYK color chart

● #3c60fd color description : Bright blue.

The hexadecimal color #3c60fd has RGB values of R:60, G:96, B:253 and CMYK values of C:0.76, M:0.62, Y:0, K:0.01. Its decimal value is 3956989.

Hex triplet	3c60fd	`#3c60fd`
RGB Decimal	60, 96, 253	`rgb(60,96,253)`
RGB Percent	23.5, 37.6, 99.2	`rgb(23.5%,37.6%,99.2%)`
CMYK	76, 62, 0, 1
HSL	228.8°, 98, 61.4	`hsl(228.8,98%,61.4%)`
HSV (or HSB)	228.8°, 76.3, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.516, 41.249, -81.491
XYZ	23.772, 16.417, 94.839
xyY	0.176, 0.122, 16.417
CIE-LCH	47.516, 91.337, 296.848
CIE-LUV	47.516, -16.286, -124.716
Hunter-Lab	40.517, 33.824, -110.418
Binary	00111100, 01100000, 11111101

#3c60fd
```
#3c60fd rgb(60,96,253)
```
#fdd93c
```
#fdd93c rgb(253,217,60)
```

Complementary Color

#3cc1fd
```
#3cc1fd rgb(60,193,253)
```
#3c60fd
```
#3c60fd rgb(60,96,253)
```
#793cfd
```
#793cfd rgb(121,60,253)
```

Analogous Color

#c1fd3c
```
#c1fd3c rgb(193,253,60)
```
#3c60fd
```
#3c60fd rgb(60,96,253)
```
#fd793c
```
#fd793c rgb(253,121,60)
```

Split Complementary Color

#60fd3c
```
#60fd3c rgb(96,253,60)
```
#3c60fd
```
#3c60fd rgb(60,96,253)
```
#fd3c60
```
#fd3c60 rgb(253,60,96)
```

Triadic Color

#3cfdd9
```
#3cfdd9 rgb(60,253,217)
```
#3c60fd
```
#3c60fd rgb(60,96,253)
```
#fd3c60
```
#fd3c60 rgb(253,60,96)
```
#fdd93c
```
#fdd93c rgb(253,217,60)
```

Tetradic Color

#022eea
```
#022eea rgb(2,46,234)
```
#0a37fc
```
#0a37fc rgb(10,55,252)
```
#234bfd
```
#234bfd rgb(35,75,253)
```
#3c60fd
```
#3c60fd rgb(60,96,253)
```
#5575fd
```
#5575fd rgb(85,117,253)
```
#6e89fe
```
#6e89fe rgb(110,137,254)
```
#889efe
```
#889efe rgb(136,158,254)
```

Monochromatic Color

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

#3c90fd
```
#3c90fd rgb(60,144,253)
```
#3c80fd
```
#3c80fd rgb(60,128,253)
```
#3c70fd
```
#3c70fd rgb(60,112,253)
```
#3c60fd
```
#3c60fd rgb(60,96,253)
```
#3c50fd
```
#3c50fd rgb(60,80,253)
```
#3c40fd
```
#3c40fd rgb(60,64,253)
```
#483cfd
```
#483cfd rgb(72,60,253)
```

Similar Colors

Text with hexadecimal color #3c60fd

This text has a font color of #3c60fd.

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

#3c60fd background color

This paragraph has a background color of #3c60fd.

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

#3c60fd border color

This element has a border color of #3c60fd.

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

CSS codes

.text {color:#3c60fd;}

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

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

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

#000413
```
#000413 rgb(0,4,19)
```
#000726
```
#000726 rgb(0,7,38)
```
#010b39
```
#010b39 rgb(1,11,57)
```
#010f4d
```
#010f4d rgb(1,15,77)
```
#011360
```
#011360 rgb(1,19,96)
```
#011774
```
#011774 rgb(1,23,116)
```
#011a87
```
#011a87 rgb(1,26,135)
```
#021e9a
```
#021e9a rgb(2,30,154)
```
#0222ae
```
#0222ae rgb(2,34,174)
```
#0226c1
```
#0226c1 rgb(2,38,193)
```
#0229d5
```
#0229d5 rgb(2,41,213)
```
#022de8
```
#022de8 rgb(2,45,232)
```
#0331fc
```
#0331fc rgb(3,49,252)
```

Shade Color Variation

#1540fd
```
#1540fd rgb(21,64,253)
```
#2950fd
```
#2950fd rgb(41,80,253)
```
#3c60fd
```
#3c60fd rgb(60,96,253)
```
#4f70fd
```
#4f70fd rgb(79,112,253)
```
#6380fd
```
#6380fd rgb(99,128,253)
```
#768ffe
```
#768ffe rgb(118,143,254)
```
#8a9ffe
```
#8a9ffe rgb(138,159,254)
```
#9daffe
```
#9daffe rgb(157,175,254)
```
#b0bffe
```
#b0bffe rgb(176,191,254)
```
#c4cffe
```
#c4cffe rgb(196,207,254)
```
#d7dfff
```
#d7dfff rgb(215,223,255)
```
#ebeeff
```
#ebeeff rgb(235,238,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#9799a2
```
#9799a2 rgb(151,153,162)
```
#8f94aa
```
#8f94aa rgb(143,148,170)
```
#8890b1
```
#8890b1 rgb(136,144,177)
```
#808bb9
```
#808bb9 rgb(128,139,185)
```
#7986c0
```
#7986c0 rgb(121,134,192)
```
#7181c8
```
#7181c8 rgb(113,129,200)
```
#697dd0
```
#697dd0 rgb(105,125,208)
```
#6278d7
```
#6278d7 rgb(98,120,215)
```
#5a73df
```
#5a73df rgb(90,115,223)
```
#536ee6
```
#536ee6 rgb(83,110,230)
```
#4b6aee
```
#4b6aee rgb(75,106,238)
```
#4465f5
```
#4465f5 rgb(68,101,245)
```
#3c60fd
```
#3c60fd rgb(60,96,253)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5e6685 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007bc6 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#156dec Protanomaly 1% of men, 0.01% of women
#1571da Deuteranomaly 6% of men, 0.4% of women
#1576b4 Tritanomaly 0.01% of the population

#3c60fd hex color

#3c60fd Color Information

#3c60fd Color Conversion

Color Schemes with #3c60fd

Alternatives to #3c60fd

#3c60fd Preview

Shades and Tints of #3c60fd

Tones of #3c60fd

Color Blindness Simulator