#3c5cbf hex color

In a RGB color space, hex #3c5cbf is composed of 23.5% red, 36.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 51.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 225.3 degrees, a saturation of 52.2% and a lightness of 49.2%. #3c5cbf color hex could be obtained by blending #78b8ff with #00007f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 24
- G 36
- B 75
RGB color chart
- C 69
- M 52
- Y 0
- K 25
CMYK color chart

● #3c5cbf color description : Moderate blue.

The hexadecimal color #3c5cbf has RGB values of R:60, G:92, B:191 and CMYK values of C:0.69, M:0.52, Y:0, K:0.25. Its decimal value is 3955903.

Hex triplet	3c5cbf	`#3c5cbf`
RGB Decimal	60, 92, 191	`rgb(60,92,191)`
RGB Percent	23.5, 36.1, 74.9	`rgb(23.5%,36.1%,74.9%)`
CMYK	69, 52, 0, 25
HSL	225.3°, 52.2, 49.2	`hsl(225.3,52.2%,49.2%)`
HSV (or HSB)	225.3°, 68.6, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.807, 21.588, -55.534
XYZ	15.093, 12.376, 50.881
xyY	0.193, 0.158, 12.376
CIE-LCH	41.807, 59.582, 291.243
CIE-LUV	41.807, -14.673, -83.23
Hunter-Lab	35.179, 15.018, -61.128
Binary	00111100, 01011100, 10111111

#3c5cbf
```
#3c5cbf rgb(60,92,191)
```
#bf9f3c
```
#bf9f3c rgb(191,159,60)
```

Complementary Color

#3c9ebf
```
#3c9ebf rgb(60,158,191)
```
#3c5cbf
```
#3c5cbf rgb(60,92,191)
```
#5e3cbf
```
#5e3cbf rgb(94,60,191)
```

Analogous Color

#9ebf3c
```
#9ebf3c rgb(158,191,60)
```
#3c5cbf
```
#3c5cbf rgb(60,92,191)
```
#bf5e3c
```
#bf5e3c rgb(191,94,60)
```

Split Complementary Color

#5cbf3c
```
#5cbf3c rgb(92,191,60)
```
#3c5cbf
```
#3c5cbf rgb(60,92,191)
```
#bf3c5c
```
#bf3c5c rgb(191,60,92)
```

Triadic Color

#3cbf9f
```
#3cbf9f rgb(60,191,159)
```
#3c5cbf
```
#3c5cbf rgb(60,92,191)
```
#bf3c5c
```
#bf3c5c rgb(191,60,92)
```
#bf9f3c
```
#bf9f3c rgb(191,159,60)
```

Tetradic Color

#2a4085
```
#2a4085 rgb(42,64,133)
```
#304998
```
#304998 rgb(48,73,152)
```
#3653ac
```
#3653ac rgb(54,83,172)
```
#3c5cbf
```
#3c5cbf rgb(60,92,191)
```
#4d6bc7
```
#4d6bc7 rgb(77,107,199)
```
#617bcd
```
#617bcd rgb(97,123,205)
```
#748bd3
```
#748bd3 rgb(116,139,211)
```

Monochromatic Color

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

#3c7dbf
```
#3c7dbf rgb(60,125,191)
```
#3c72bf
```
#3c72bf rgb(60,114,191)
```
#3c67bf
```
#3c67bf rgb(60,103,191)
```
#3c5cbf
```
#3c5cbf rgb(60,92,191)
```
#3c51bf
```
#3c51bf rgb(60,81,191)
```
#3c46bf
```
#3c46bf rgb(60,70,191)
```
#3d3cbf
```
#3d3cbf rgb(61,60,191)
```

Similar Colors

Text with hexadecimal color #3c5cbf

This text has a font color of #3c5cbf.

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

#3c5cbf background color

This paragraph has a background color of #3c5cbf.

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

#3c5cbf border color

This element has a border color of #3c5cbf.

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

CSS codes

.text {color:#3c5cbf;}

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

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

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, #04060c is the darkest color, while #fcfcfe is the lightest one.

#04060c
```
#04060c rgb(4,6,12)
```
#080d1b
```
#080d1b rgb(8,13,27)
```
#0d142a
```
#0d142a rgb(13,20,42)
```
#121b39
```
#121b39 rgb(18,27,57)
```
#162248
```
#162248 rgb(22,34,72)
```
#1b2a57
```
#1b2a57 rgb(27,42,87)
```
#203165
```
#203165 rgb(32,49,101)
```
#253874
```
#253874 rgb(37,56,116)
```
#293f83
```
#293f83 rgb(41,63,131)
```
#2e4692
```
#2e4692 rgb(46,70,146)
```
#334ea1
```
#334ea1 rgb(51,78,161)
```
#3755b0
```
#3755b0 rgb(55,85,176)
```
#3c5cbf
```
#3c5cbf rgb(60,92,191)
```

Shade Color Variation

#4967c6
```
#4967c6 rgb(73,103,198)
```
#5874ca
```
#5874ca rgb(88,116,202)
```
#6780cf
```
#6780cf rgb(103,128,207)
```
#768dd4
```
#768dd4 rgb(118,141,212)
```
#8599d9
```
#8599d9 rgb(133,153,217)
```
#93a5dd
```
#93a5dd rgb(147,165,221)
```
#a2b2e2
```
#a2b2e2 rgb(162,178,226)
```
#b1bee7
```
#b1bee7 rgb(177,190,231)
```
#c0cbeb
```
#c0cbeb rgb(192,203,235)
```
#cfd7f0
```
#cfd7f0 rgb(207,215,240)
```
#dee4f5
```
#dee4f5 rgb(222,228,245)
```
#edf0f9
```
#edf0f9 rgb(237,240,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767a85 is the less saturated color, while #023ef9 is the most saturated one.

#767a85
```
#767a85 rgb(118,122,133)
```
#6c758f
```
#6c758f rgb(108,117,143)
```
#637098
```
#637098 rgb(99,112,152)
```
#596ba2
```
#596ba2 rgb(89,107,162)
```
#4f66ac
```
#4f66ac rgb(79,102,172)
```
#4661b5
```
#4661b5 rgb(70,97,181)
```
#3c5cbf
```
#3c5cbf rgb(60,92,191)
```
#3257c9
```
#3257c9 rgb(50,87,201)
```
#2952d2
```
#2952d2 rgb(41,82,210)
```
#1f4ddc
```
#1f4ddc rgb(31,77,220)
```
#1548e6
```
#1548e6 rgb(21,72,230)
```
#0c43ef
```
#0c43ef rgb(12,67,239)
```
#023ef9
```
#023ef9 rgb(2,62,249)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#575e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2767c5 Protanopia 1% of men
#006cb3 Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#2e63c2 Protanomaly 1% of men, 0.01% of women
#1566b7 Deuteranomaly 6% of men, 0.4% of women
#156c95 Tritanomaly 0.01% of the population

#3c5cbf hex color

#3c5cbf Color Information

#3c5cbf Color Conversion

Color Schemes with #3c5cbf

Alternatives to #3c5cbf

#3c5cbf Preview

Shades and Tints of #3c5cbf

Tones of #3c5cbf

Color Blindness Simulator