#3c5083 hex color

In a RGB color space, hex #3c5083 is composed of 23.5% red, 31.4% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 38.9% magenta, 0% yellow and 48.6% black. It has a hue angle of 223.1 degrees, a saturation of 37.2% and a lightness of 37.5%. #3c5083 color hex could be obtained by blending #78a0ff with #000007. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 24
- G 31
- B 51
RGB color chart
- C 54
- M 39
- Y 0
- K 49
CMYK color chart

● #3c5083 color description : Dark moderate blue.

The hexadecimal color #3c5083 has RGB values of R:60, G:80, B:131 and CMYK values of C:0.54, M:0.39, Y:0, K:0.49. Its decimal value is 3952771.

Hex triplet	3c5083	`#3c5083`
RGB Decimal	60, 80, 131	`rgb(60,80,131)`
RGB Percent	23.5, 31.4, 51.4	`rgb(23.5%,31.4%,51.4%)`
CMYK	54, 39, 0, 49
HSL	223.1°, 37.2, 37.5	`hsl(223.1,37.2%,37.5%)`
HSV (or HSB)	223.1°, 54.2, 51.4
Web Safe	336699	`#336699`

CIE-LAB	34.674, 8.015, -31.075
XYZ	8.828, 8.336, 22.615
xyY	0.222, 0.21, 8.336
CIE-LCH	34.674, 32.092, 284.462
CIE-LUV	34.674, -10.27, -43.453
Hunter-Lab	28.873, 4.051, -26.23
Binary	00111100, 01010000, 10000011

#3c5083
```
#3c5083 rgb(60,80,131)
```
#836f3c
```
#836f3c rgb(131,111,60)
```

Complementary Color

#3c7483
```
#3c7483 rgb(60,116,131)
```
#3c5083
```
#3c5083 rgb(60,80,131)
```
#4c3c83
```
#4c3c83 rgb(76,60,131)
```

Analogous Color

#74833c
```
#74833c rgb(116,131,60)
```
#3c5083
```
#3c5083 rgb(60,80,131)
```
#834b3c
```
#834b3c rgb(131,75,60)
```

Split Complementary Color

#50833c
```
#50833c rgb(80,131,60)
```
#3c5083
```
#3c5083 rgb(60,80,131)
```
#833c50
```
#833c50 rgb(131,60,80)
```

Triadic Color

#3c836f
```
#3c836f rgb(60,131,111)
```
#3c5083
```
#3c5083 rgb(60,80,131)
```
#833c50
```
#833c50 rgb(131,60,80)
```
#836f3c
```
#836f3c rgb(131,111,60)
```

Tetradic Color

#24304f
```
#24304f rgb(36,48,79)
```
#2c3b60
```
#2c3b60 rgb(44,59,96)
```
#344572
```
#344572 rgb(52,69,114)
```
#3c5083
```
#3c5083 rgb(60,80,131)
```
#445b94
```
#445b94 rgb(68,91,148)
```
#4c65a6
```
#4c65a6 rgb(76,101,166)
```
#5972b3
```
#5972b3 rgb(89,114,179)
```

Monochromatic Color

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

#3c6283
```
#3c6283 rgb(60,98,131)
```
#3c5c83
```
#3c5c83 rgb(60,92,131)
```
#3c5683
```
#3c5683 rgb(60,86,131)
```
#3c5083
```
#3c5083 rgb(60,80,131)
```
#3c4a83
```
#3c4a83 rgb(60,74,131)
```
#3c4483
```
#3c4483 rgb(60,68,131)
```
#3c3e83
```
#3c3e83 rgb(60,62,131)
```

Similar Colors

Text with hexadecimal color #3c5083

This text has a font color of #3c5083.

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

#3c5083 background color

This paragraph has a background color of #3c5083.

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

#3c5083 border color

This element has a border color of #3c5083.

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

CSS codes

.text {color:#3c5083;}

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

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

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, #05060a is the darkest color, while #fbfcfd is the lightest one.

#05060a
```
#05060a rgb(5,6,10)
```
#0b0e17
```
#0b0e17 rgb(11,14,23)
```
#111625
```
#111625 rgb(17,22,37)
```
#171f32
```
#171f32 rgb(23,31,50)
```
#1d2740
```
#1d2740 rgb(29,39,64)
```
#232f4d
```
#232f4d rgb(35,47,77)
```
#2a375b
```
#2a375b rgb(42,55,91)
```
#304068
```
#304068 rgb(48,64,104)
```
#364876
```
#364876 rgb(54,72,118)
```
#3c5083
```
#3c5083 rgb(60,80,131)
```
#425890
```
#425890 rgb(66,88,144)
```
#48609e
```
#48609e rgb(72,96,158)
```
#4e69ab
```
#4e69ab rgb(78,105,171)
```

Shade Color Variation

#5a73b3
```
#5a73b3 rgb(90,115,179)
```
#677fba
```
#677fba rgb(103,127,186)
```
#758ac0
```
#758ac0 rgb(117,138,192)
```
#8295c6
```
#8295c6 rgb(130,149,198)
```
#90a1cc
```
#90a1cc rgb(144,161,204)
```
#9dacd2
```
#9dacd2 rgb(157,172,210)
```
#abb8d8
```
#abb8d8 rgb(171,184,216)
```
#b8c3df
```
#b8c3df rgb(184,195,223)
```
#c6cee5
```
#c6cee5 rgb(198,206,229)
```
#d3daeb
```
#d3daeb rgb(211,218,235)
```
#e1e5f1
```
#e1e5f1 rgb(225,229,241)
```
#eef1f7
```
#eef1f7 rgb(238,241,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#595d66
```
#595d66 rgb(89,93,102)
```
#525a6d
```
#525a6d rgb(82,90,109)
```
#4b5674
```
#4b5674 rgb(75,86,116)
```
#43537c
```
#43537c rgb(67,83,124)
```
#3c5083
```
#3c5083 rgb(60,80,131)
```
#354d8a
```
#354d8a rgb(53,77,138)
```
#2d4a92
```
#2d4a92 rgb(45,74,146)
```
#264699
```
#264699 rgb(38,70,153)
```
#1f43a0
```
#1f43a0 rgb(31,67,160)
```
#1740a8
```
#1740a8 rgb(23,64,168)
```
#103daf
```
#103daf rgb(16,61,175)
```
#093ab6
```
#093ab6 rgb(9,58,182)
```
#0136be
```
#0136be rgb(1,54,190)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4c505a Atypical Achromatopsia 0.001% of the population

Dichromacy

#465989 Protanopia 1% of men
#3e5a88 Deuteranopia 1% of men
#376067 Tritanopia 0.001% of the population

Trichromacy

#425587 Protanomaly 1% of men, 0.01% of women
#3d5686 Deuteranomaly 6% of men, 0.4% of women
#395a71 Tritanomaly 0.01% of the population

#3c5083 hex color

#3c5083 Color Information

#3c5083 Color Conversion

Color Schemes with #3c5083

Alternatives to #3c5083

#3c5083 Preview

Shades and Tints of #3c5083

Tones of #3c5083

Color Blindness Simulator