#3c60ba hex color

In a RGB color space, hex #3c60ba is composed of 23.5% red, 37.6% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 48.4% magenta, 0% yellow and 27.1% black. It has a hue angle of 222.9 degrees, a saturation of 51.2% and a lightness of 48.2%. #3c60ba color hex could be obtained by blending #78c0ff with #000075. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 24
- G 38
- B 73
RGB color chart
- C 68
- M 48
- Y 0
- K 27
CMYK color chart

● #3c60ba color description : Moderate blue.

The hexadecimal color #3c60ba has RGB values of R:60, G:96, B:186 and CMYK values of C:0.68, M:0.48, Y:0, K:0.27. Its decimal value is 3956922.

Hex triplet	3c60ba	`#3c60ba`
RGB Decimal	60, 96, 186	`rgb(60,96,186)`
RGB Percent	23.5, 37.6, 72.9	`rgb(23.5%,37.6%,72.9%)`
CMYK	68, 48, 0, 27
HSL	222.9°, 51.2, 48.2	`hsl(222.9,51.2%,48.2%)`
HSV (or HSB)	222.9°, 67.7, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.568, 17.197, -51.395
XYZ	14.907, 12.871, 48.15
xyY	0.196, 0.17, 12.871
CIE-LCH	42.568, 54.196, 288.501
CIE-LUV	42.568, -15.848, -77.278
Hunter-Lab	35.876, 11.39, -54.463
Binary	00111100, 01100000, 10111010

#3c60ba
```
#3c60ba rgb(60,96,186)
```
#ba963c
```
#ba963c rgb(186,150,60)
```

Complementary Color

#3c9fba
```
#3c9fba rgb(60,159,186)
```
#3c60ba
```
#3c60ba rgb(60,96,186)
```
#573cba
```
#573cba rgb(87,60,186)
```

Analogous Color

#9fba3c
```
#9fba3c rgb(159,186,60)
```
#3c60ba
```
#3c60ba rgb(60,96,186)
```
#ba573c
```
#ba573c rgb(186,87,60)
```

Split Complementary Color

#60ba3c
```
#60ba3c rgb(96,186,60)
```
#3c60ba
```
#3c60ba rgb(60,96,186)
```
#ba3c60
```
#ba3c60 rgb(186,60,96)
```

Triadic Color

#3cba96
```
#3cba96 rgb(60,186,150)
```
#3c60ba
```
#3c60ba rgb(60,96,186)
```
#ba3c60
```
#ba3c60 rgb(186,60,96)
```
#ba963c
```
#ba963c rgb(186,150,60)
```

Tetradic Color

#294280
```
#294280 rgb(41,66,128)
```
#304c93
```
#304c93 rgb(48,76,147)
```
#3656a7
```
#3656a7 rgb(54,86,167)
```
#3c60ba
```
#3c60ba rgb(60,96,186)
```
#4b6ec5
```
#4b6ec5 rgb(75,110,197)
```
#5e7dcb
```
#5e7dcb rgb(94,125,203)
```
#718dd1
```
#718dd1 rgb(113,141,209)
```

Monochromatic Color

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

#3c80ba
```
#3c80ba rgb(60,128,186)
```
#3c75ba
```
#3c75ba rgb(60,117,186)
```
#3c6bba
```
#3c6bba rgb(60,107,186)
```
#3c60ba
```
#3c60ba rgb(60,96,186)
```
#3c56ba
```
#3c56ba rgb(60,86,186)
```
#3c4bba
```
#3c4bba rgb(60,75,186)
```
#3c41ba
```
#3c41ba rgb(60,65,186)
```

Similar Colors

Text with hexadecimal color #3c60ba

This text has a font color of #3c60ba.

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

#3c60ba background color

This paragraph has a background color of #3c60ba.

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

#3c60ba border color

This element has a border color of #3c60ba.

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

CSS codes

.text {color:#3c60ba;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#070c17
```
#070c17 rgb(7,12,23)
```
#0c1326
```
#0c1326 rgb(12,19,38)
```
#111b35
```
#111b35 rgb(17,27,53)
```
#162343
```
#162343 rgb(22,35,67)
```
#1b2a52
```
#1b2a52 rgb(27,42,82)
```
#1f3261
```
#1f3261 rgb(31,50,97)
```
#243a70
```
#243a70 rgb(36,58,112)
```
#29417f
```
#29417f rgb(41,65,127)
```
#2e498e
```
#2e498e rgb(46,73,142)
```
#32519c
```
#32519c rgb(50,81,156)
```
#3758ab
```
#3758ab rgb(55,88,171)
```
#3c60ba
```
#3c60ba rgb(60,96,186)
```

Shade Color Variation

#466ac3
```
#466ac3 rgb(70,106,195)
```
#5576c8
```
#5576c8 rgb(85,118,200)
```
#6482cd
```
#6482cd rgb(100,130,205)
```
#738ed2
```
#738ed2 rgb(115,142,210)
```
#829ad7
```
#829ad7 rgb(130,154,215)
```
#90a6db
```
#90a6db rgb(144,166,219)
```
#9fb2e0
```
#9fb2e0 rgb(159,178,224)
```
#aebee5
```
#aebee5 rgb(174,190,229)
```
#bdcaea
```
#bdcaea rgb(189,202,234)
```
#ccd6ee
```
#ccd6ee rgb(204,214,238)
```
#dbe2f3
```
#dbe2f3 rgb(219,226,243)
```
#e9eef8
```
#e9eef8 rgb(233,238,248)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757881 is the less saturated color, while #0348f3 is the most saturated one.

#757881
```
#757881 rgb(117,120,129)
```
#6b748b
```
#6b748b rgb(107,116,139)
```
#627094
```
#627094 rgb(98,112,148)
```
#586c9e
```
#586c9e rgb(88,108,158)
```
#4f68a7
```
#4f68a7 rgb(79,104,167)
```
#4564b1
```
#4564b1 rgb(69,100,177)
```
#3c60ba
```
#3c60ba rgb(60,96,186)
```
#335cc3
```
#335cc3 rgb(51,92,195)
```
#2958cd
```
#2958cd rgb(41,88,205)
```
#2054d6
```
#2054d6 rgb(32,84,214)
```
#1650e0
```
#1650e0 rgb(22,80,224)
```
#0d4ce9
```
#0d4ce9 rgb(13,76,233)
```
#0348f3
```
#0348f3 rgb(3,72,243)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#585f71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a69be Protanopia 1% of men
#006eb7 Deuteranopia 1% of men
#00777f Tritanopia 0.001% of the population

Trichromacy

#3b66bd Protanomaly 1% of men, 0.01% of women
#1569b8 Deuteranomaly 6% of men, 0.4% of women
#156e94 Tritanomaly 0.01% of the population

#3c60ba hex color

#3c60ba Color Information

#3c60ba Color Conversion

Color Schemes with #3c60ba

Alternatives to #3c60ba

#3c60ba Preview

Shades and Tints of #3c60ba

Tones of #3c60ba

Color Blindness Simulator