#3c5d81 hex color

In a RGB color space, hex #3c5d81 is composed of 23.5% red, 36.5% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 27.9% magenta, 0% yellow and 49.4% black. It has a hue angle of 211.3 degrees, a saturation of 36.5% and a lightness of 37.1%. #3c5d81 color hex could be obtained by blending #78baff with #000003. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 24
- G 36
- B 51
RGB color chart
- C 53
- M 28
- Y 0
- K 49
CMYK color chart

● #3c5d81 color description : Dark moderate blue.

The hexadecimal color #3c5d81 has RGB values of R:60, G:93, B:129 and CMYK values of C:0.53, M:0.28, Y:0, K:0.49. Its decimal value is 3956097.

Hex triplet	3c5d81	`#3c5d81`
RGB Decimal	60, 93, 129	`rgb(60,93,129)`
RGB Percent	23.5, 36.5, 50.6	`rgb(23.5%,36.5%,50.6%)`
CMYK	53, 28, 0, 49
HSL	211.3°, 36.5, 37.1	`hsl(211.3,36.5%,37.1%)`
HSV (or HSB)	211.3°, 53.5, 50.6
Web Safe	336699	`#336699`

CIE-LAB	38.505, -0.962, -23.84
XYZ	9.739, 10.374, 22.257
xyY	0.23, 0.245, 10.374
CIE-LCH	38.505, 23.859, 267.689
CIE-LUV	38.505, -15.019, -33.091
Hunter-Lab	32.208, -2.389, -18.425
Binary	00111100, 01011101, 10000001

#3c5d81
```
#3c5d81 rgb(60,93,129)
```
#81603c
```
#81603c rgb(129,96,60)
```

Complementary Color

#3c8081
```
#3c8081 rgb(60,128,129)
```
#3c5d81
```
#3c5d81 rgb(60,93,129)
```
#3e3c81
```
#3e3c81 rgb(62,60,129)
```

Analogous Color

#80813c
```
#80813c rgb(128,129,60)
```
#3c5d81
```
#3c5d81 rgb(60,93,129)
```
#813e3c
```
#813e3c rgb(129,62,60)
```

Split Complementary Color

#5d813c
```
#5d813c rgb(93,129,60)
```
#3c5d81
```
#3c5d81 rgb(60,93,129)
```
#813c5d
```
#813c5d rgb(129,60,93)
```

Triadic Color

#3c8160
```
#3c8160 rgb(60,129,96)
```
#3c5d81
```
#3c5d81 rgb(60,93,129)
```
#813c5d
```
#813c5d rgb(129,60,93)
```
#81603c
```
#81603c rgb(129,96,60)
```

Tetradic Color

#24374d
```
#24374d rgb(36,55,77)
```
#2c445e
```
#2c445e rgb(44,68,94)
```
#345070
```
#345070 rgb(52,80,112)
```
#3c5d81
```
#3c5d81 rgb(60,93,129)
```
#446a92
```
#446a92 rgb(68,106,146)
```
#4c76a4
```
#4c76a4 rgb(76,118,164)
```
#5883b1
```
#5883b1 rgb(88,131,177)
```

Monochromatic Color

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

#3c6e81
```
#3c6e81 rgb(60,110,129)
```
#3c6981
```
#3c6981 rgb(60,105,129)
```
#3c6381
```
#3c6381 rgb(60,99,129)
```
#3c5d81
```
#3c5d81 rgb(60,93,129)
```
#3c5781
```
#3c5781 rgb(60,87,129)
```
#3c5281
```
#3c5281 rgb(60,82,129)
```
#3c4c81
```
#3c4c81 rgb(60,76,129)
```

Similar Colors

Text with hexadecimal color #3c5d81

This text has a font color of #3c5d81.

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

#3c5d81 background color

This paragraph has a background color of #3c5d81.

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

#3c5d81 border color

This element has a border color of #3c5d81.

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

CSS codes

.text {color:#3c5d81;}

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

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

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

#040609
```
#040609 rgb(4,6,9)
```
#0a1016
```
#0a1016 rgb(10,16,22)
```
#101923
```
#101923 rgb(16,25,35)
```
#172331
```
#172331 rgb(23,35,49)
```
#1d2d3e
```
#1d2d3e rgb(29,45,62)
```
#23364b
```
#23364b rgb(35,54,75)
```
#294059
```
#294059 rgb(41,64,89)
```
#304a66
```
#304a66 rgb(48,74,102)
```
#365374
```
#365374 rgb(54,83,116)
```
#3c5d81
```
#3c5d81 rgb(60,93,129)
```
#42678e
```
#42678e rgb(66,103,142)
```
#48709c
```
#48709c rgb(72,112,156)
```
#4f7aa9
```
#4f7aa9 rgb(79,122,169)
```

Shade Color Variation

#5984b2
```
#5984b2 rgb(89,132,178)
```
#678eb8
```
#678eb8 rgb(103,142,184)
```
#7498be
```
#7498be rgb(116,152,190)
```
#82a2c5
```
#82a2c5 rgb(130,162,197)
```
#8faccb
```
#8faccb rgb(143,172,203)
```
#9cb6d1
```
#9cb6d1 rgb(156,182,209)
```
#aac0d7
```
#aac0d7 rgb(170,192,215)
```
#b7cade
```
#b7cade rgb(183,202,222)
```
#c5d4e4
```
#c5d4e4 rgb(197,212,228)
```
#d2ddea
```
#d2ddea rgb(210,221,234)
```
#dfe7f0
```
#dfe7f0 rgb(223,231,240)
```
#edf1f7
```
#edf1f7 rgb(237,241,247)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595e64 is the less saturated color, while #025abb is the most saturated one.

#595e64
```
#595e64 rgb(89,94,100)
```
#525e6b
```
#525e6b rgb(82,94,107)
```
#4b5e72
```
#4b5e72 rgb(75,94,114)
```
#435d7a
```
#435d7a rgb(67,93,122)
```
#3c5d81
```
#3c5d81 rgb(60,93,129)
```
#355d88
```
#355d88 rgb(53,93,136)
```
#2d5c90
```
#2d5c90 rgb(45,92,144)
```
#265c97
```
#265c97 rgb(38,92,151)
```
#1f5c9e
```
#1f5c9e rgb(31,92,158)
```
#185ba5
```
#185ba5 rgb(24,91,165)
```
#105bad
```
#105bad rgb(16,91,173)
```
#095bb4
```
#095bb4 rgb(9,91,180)
```
#025abb
```
#025abb rgb(2,90,187)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#52585f Atypical Achromatopsia 0.001% of the population

Dichromacy

#576185 Protanopia 1% of men
#546288 Deuteranopia 1% of men
#3c6971 Tritanopia 0.001% of the population

Trichromacy

#4d6083 Protanomaly 1% of men, 0.01% of women
#4b6085 Deuteranomaly 6% of men, 0.4% of women
#3c6577 Tritanomaly 0.01% of the population

#3c5d81 hex color

#3c5d81 Color Information

#3c5d81 Color Conversion

Color Schemes with #3c5d81

Alternatives to #3c5d81

#3c5d81 Preview

Shades and Tints of #3c5d81

Tones of #3c5d81

Color Blindness Simulator