#3c507b hex color

In a RGB color space, hex #3c507b is composed of 23.5% red, 31.4% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 35% magenta, 0% yellow and 51.8% black. It has a hue angle of 221 degrees, a saturation of 34.4% and a lightness of 35.9%. #3c507b color hex could be obtained by blending #78a0f6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 31
- B 48
RGB color chart
- C 51
- M 35
- Y 0
- K 52
CMYK color chart

● #3c507b color description : Dark moderate blue.

The hexadecimal color #3c507b has RGB values of R:60, G:80, B:123 and CMYK values of C:0.51, M:0.35, Y:0, K:0.52. Its decimal value is 3952763.

Hex triplet	3c507b	`#3c507b`
RGB Decimal	60, 80, 123	`rgb(60,80,123)`
RGB Percent	23.5, 31.4, 48.2	`rgb(23.5%,31.4%,48.2%)`
CMYK	51, 35, 0, 52
HSL	221°, 34.4, 35.9	`hsl(221,34.4%,35.9%)`
HSV (or HSB)	221°, 51.2, 48.2
Web Safe	336666	`#336666`

CIE-LAB	34.247, 5.303, -26.807
XYZ	8.307, 8.128, 19.869
xyY	0.229, 0.224, 8.128
CIE-LCH	34.247, 27.326, 281.189
CIE-LUV	34.247, -10.154, -36.95
Hunter-Lab	28.509, 2.118, -21.365
Binary	00111100, 01010000, 01111011

#3c507b
```
#3c507b rgb(60,80,123)
```
#7b673c
```
#7b673c rgb(123,103,60)
```

Complementary Color

#3c707b
```
#3c707b rgb(60,112,123)
```
#3c507b
```
#3c507b rgb(60,80,123)
```
#483c7b
```
#483c7b rgb(72,60,123)
```

Analogous Color

#707b3c
```
#707b3c rgb(112,123,60)
```
#3c507b
```
#3c507b rgb(60,80,123)
```
#7b483c
```
#7b483c rgb(123,72,60)
```

Split Complementary Color

#507b3c
```
#507b3c rgb(80,123,60)
```
#3c507b
```
#3c507b rgb(60,80,123)
```
#7b3c50
```
#7b3c50 rgb(123,60,80)
```

Triadic Color

#3c7b67
```
#3c7b67 rgb(60,123,103)
```
#3c507b
```
#3c507b rgb(60,80,123)
```
#7b3c50
```
#7b3c50 rgb(123,60,80)
```
#7b673c
```
#7b673c rgb(123,103,60)
```

Tetradic Color

#232f48
```
#232f48 rgb(35,47,72)
```
#2b3a59
```
#2b3a59 rgb(43,58,89)
```
#34456a
```
#34456a rgb(52,69,106)
```
#3c507b
```
#3c507b rgb(60,80,123)
```
#445b8c
```
#445b8c rgb(68,91,140)
```
#4d669d
```
#4d669d rgb(77,102,157)
```
#5772ad
```
#5772ad rgb(87,114,173)
```

Monochromatic Color

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

#3c607b
```
#3c607b rgb(60,96,123)
```
#3c5b7b
```
#3c5b7b rgb(60,91,123)
```
#3c557b
```
#3c557b rgb(60,85,123)
```
#3c507b
```
#3c507b rgb(60,80,123)
```
#3c4b7b
```
#3c4b7b rgb(60,75,123)
```
#3c467b
```
#3c467b rgb(60,70,123)
```
#3c407b
```
#3c407b rgb(60,64,123)
```

Similar Colors

Text with hexadecimal color #3c507b

This text has a font color of #3c507b.

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

#3c507b background color

This paragraph has a background color of #3c507b.

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

#3c507b border color

This element has a border color of #3c507b.

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

CSS codes

.text {color:#3c507b;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#090b12
```
#090b12 rgb(9,11,18)
```
#0f141f
```
#0f141f rgb(15,20,31)
```
#151d2c
```
#151d2c rgb(21,29,44)
```
#1c2539
```
#1c2539 rgb(28,37,57)
```
#222e46
```
#222e46 rgb(34,46,70)
```
#293653
```
#293653 rgb(41,54,83)
```
#2f3f61
```
#2f3f61 rgb(47,63,97)
```
#36476e
```
#36476e rgb(54,71,110)
```
#3c507b
```
#3c507b rgb(60,80,123)
```
#425988
```
#425988 rgb(66,89,136)
```
#496195
```
#496195 rgb(73,97,149)
```
#4f6aa3
```
#4f6aa3 rgb(79,106,163)
```

Shade Color Variation

#5873ae
```
#5873ae rgb(88,115,174)
```
#657eb4
```
#657eb4 rgb(101,126,180)
```
#7289ba
```
#7289ba rgb(114,137,186)
```
#8094c1
```
#8094c1 rgb(128,148,193)
```
#8d9fc7
```
#8d9fc7 rgb(141,159,199)
```
#9aaace
```
#9aaace rgb(154,170,206)
```
#a7b5d4
```
#a7b5d4 rgb(167,181,212)
```
#b4c0db
```
#b4c0db rgb(180,192,219)
```
#c1cbe1
```
#c1cbe1 rgb(193,203,225)
```
#cfd6e7
```
#cfd6e7 rgb(207,214,231)
```
#dce2ee
```
#dce2ee rgb(220,226,238)
```
#e9edf4
```
#e9edf4 rgb(233,237,244)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585a5f is the less saturated color, while #043bb3 is the most saturated one.

#585a5f
```
#585a5f rgb(88,90,95)
```
#515866
```
#515866 rgb(81,88,102)
```
#4a556d
```
#4a556d rgb(74,85,109)
```
#435374
```
#435374 rgb(67,83,116)
```
#3c507b
```
#3c507b rgb(60,80,123)
```
#354d82
```
#354d82 rgb(53,77,130)
```
#2e4b89
```
#2e4b89 rgb(46,75,137)
```
#274890
```
#274890 rgb(39,72,144)
```
#204697
```
#204697 rgb(32,70,151)
```
#19439e
```
#19439e rgb(25,67,158)
```
#1241a5
```
#1241a5 rgb(18,65,165)
```
#0b3eac
```
#0b3eac rgb(11,62,172)
```
#043bb3
```
#043bb3 rgb(4,59,179)
```

Tone Color Variation

Below, you can see how #3c507b 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
#4b4f58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5881 Protanopia 1% of men
#455981 Deuteranopia 1% of men
#3b5f65 Tritanopia 0.001% of the population

Trichromacy

#45557e Protanomaly 1% of men, 0.01% of women
#41557f Deuteranomaly 6% of men, 0.4% of women
#3b596d Tritanomaly 0.01% of the population

#3c507b hex color

#3c507b Color Information

#3c507b Color Conversion

Color Schemes with #3c507b

Alternatives to #3c507b

#3c507b Preview

Shades and Tints of #3c507b

Tones of #3c507b

Color Blindness Simulator