#3c5274 hex color

In a RGB color space, hex #3c5274 is composed of 23.5% red, 32.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 29.3% magenta, 0% yellow and 54.5% black. It has a hue angle of 216.4 degrees, a saturation of 31.8% and a lightness of 34.5%. #3c5274 color hex could be obtained by blending #78a4e8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 32
- B 45
RGB color chart
- C 48
- M 29
- Y 0
- K 55
CMYK color chart

● #3c5274 color description : Dark moderate blue.

The hexadecimal color #3c5274 has RGB values of R:60, G:82, B:116 and CMYK values of C:0.48, M:0.29, Y:0, K:0.55. Its decimal value is 3953268.

Hex triplet	3c5274	`#3c5274`
RGB Decimal	60, 82, 116	`rgb(60,82,116)`
RGB Percent	23.5, 32.2, 45.5	`rgb(23.5%,32.2%,45.5%)`
CMYK	48, 29, 0, 55
HSL	216.4°, 31.8, 34.5	`hsl(216.4,31.8%,34.5%)`
HSV (or HSB)	216.4°, 48.3, 45.5
Web Safe	336666	`#336666`

CIE-LAB	34.51, 1.702, -22.05
XYZ	8.032, 8.256, 17.692
xyY	0.236, 0.243, 8.256
CIE-LCH	34.51, 22.116, 274.415
CIE-LUV	34.51, -10.819, -29.872
Hunter-Lab	28.733, -0.382, -16.395
Binary	00111100, 01010010, 01110100

#3c5274
```
#3c5274 rgb(60,82,116)
```
#745e3c
```
#745e3c rgb(116,94,60)
```

Complementary Color

#3c6e74
```
#3c6e74 rgb(60,110,116)
```
#3c5274
```
#3c5274 rgb(60,82,116)
```
#423c74
```
#423c74 rgb(66,60,116)
```

Analogous Color

#6e743c
```
#6e743c rgb(110,116,60)
```
#3c5274
```
#3c5274 rgb(60,82,116)
```
#74423c
```
#74423c rgb(116,66,60)
```

Split Complementary Color

#52743c
```
#52743c rgb(82,116,60)
```
#3c5274
```
#3c5274 rgb(60,82,116)
```
#743c52
```
#743c52 rgb(116,60,82)
```

Triadic Color

#3c745e
```
#3c745e rgb(60,116,94)
```
#3c5274
```
#3c5274 rgb(60,82,116)
```
#743c52
```
#743c52 rgb(116,60,82)
```
#745e3c
```
#745e3c rgb(116,94,60)
```

Tetradic Color

#222e42
```
#222e42 rgb(34,46,66)
```
#2b3a52
```
#2b3a52 rgb(43,58,82)
```
#334663
```
#334663 rgb(51,70,99)
```
#3c5274
```
#3c5274 rgb(60,82,116)
```
#455e85
```
#455e85 rgb(69,94,133)
```
#4d6a96
```
#4d6a96 rgb(77,106,150)
```
#5676a6
```
#5676a6 rgb(86,118,166)
```

Monochromatic Color

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

#3c6074
```
#3c6074 rgb(60,96,116)
```
#3c5b74
```
#3c5b74 rgb(60,91,116)
```
#3c5774
```
#3c5774 rgb(60,87,116)
```
#3c5274
```
#3c5274 rgb(60,82,116)
```
#3c4d74
```
#3c4d74 rgb(60,77,116)
```
#3c4974
```
#3c4974 rgb(60,73,116)
```
#3c4474
```
#3c4474 rgb(60,68,116)
```

Similar Colors

Text with hexadecimal color #3c5274

This text has a font color of #3c5274.

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

#3c5274 background color

This paragraph has a background color of #3c5274.

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

#3c5274 border color

This element has a border color of #3c5274.

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

CSS codes

.text {color:#3c5274;}

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

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

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, #07090d is the darkest color, while #ffffff is the lightest one.

#07090d
```
#07090d rgb(7,9,13)
```
#0d121a
```
#0d121a rgb(13,18,26)
```
#141b26
```
#141b26 rgb(20,27,38)
```
#1b2433
```
#1b2433 rgb(27,36,51)
```
#212d40
```
#212d40 rgb(33,45,64)
```
#28374d
```
#28374d rgb(40,55,77)
```
#2f405a
```
#2f405a rgb(47,64,90)
```
#354967
```
#354967 rgb(53,73,103)
```
#3c5274
```
#3c5274 rgb(60,82,116)
```
#435b81
```
#435b81 rgb(67,91,129)
```
#49648e
```
#49648e rgb(73,100,142)
```
#506d9b
```
#506d9b rgb(80,109,155)
```
#5777a8
```
#5777a8 rgb(87,119,168)
```

Shade Color Variation

#6481af
```
#6481af rgb(100,129,175)
```
#708bb5
```
#708bb5 rgb(112,139,181)
```
#7d96bc
```
#7d96bc rgb(125,150,188)
```
#8aa0c3
```
#8aa0c3 rgb(138,160,195)
```
#97abc9
```
#97abc9 rgb(151,171,201)
```
#a4b5d0
```
#a4b5d0 rgb(164,181,208)
```
#b1c0d7
```
#b1c0d7 rgb(177,192,215)
```
#becadd
```
#becadd rgb(190,202,221)
```
#cbd5e4
```
#cbd5e4 rgb(203,213,228)
```
#d8dfeb
```
#d8dfeb rgb(216,223,235)
```
#e5eaf1
```
#e5eaf1 rgb(229,234,241)
```
#f2f4f8
```
#f2f4f8 rgb(242,244,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#575859
```
#575859 rgb(87,88,89)
```
#505660
```
#505660 rgb(80,86,96)
```
#4a5566
```
#4a5566 rgb(74,85,102)
```
#43536d
```
#43536d rgb(67,83,109)
```
#3c5274
```
#3c5274 rgb(60,82,116)
```
#35517b
```
#35517b rgb(53,81,123)
```
#2e4f82
```
#2e4f82 rgb(46,79,130)
```
#284e88
```
#284e88 rgb(40,78,136)
```
#214c8f
```
#214c8f rgb(33,76,143)
```
#1a4b96
```
#1a4b96 rgb(26,75,150)
```
#13499d
```
#13499d rgb(19,73,157)
```
#0d48a3
```
#0d48a3 rgb(13,72,163)
```
#0646aa
```
#0646aa rgb(6,70,170)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4b5056 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5979 Protanopia 1% of men
#4c597b Deuteranopia 1% of men
#3e5f66 Tritanopia 0.001% of the population

Trichromacy

#485677 Protanomaly 1% of men, 0.01% of women
#465679 Deuteranomaly 6% of men, 0.4% of women
#3d5a6b Tritanomaly 0.01% of the population

#3c5274 hex color

#3c5274 Color Information

#3c5274 Color Conversion

Color Schemes with #3c5274

Alternatives to #3c5274

#3c5274 Preview

Shades and Tints of #3c5274

Tones of #3c5274

Color Blindness Simulator