#3c486b hex color

In a RGB color space, hex #3c486b is composed of 23.5% red, 28.2% green and 42% blue. Whereas in a CMYK color space, it is composed of 43.9% cyan, 32.7% magenta, 0% yellow and 58% black. It has a hue angle of 224.7 degrees, a saturation of 28.1% and a lightness of 32.7%. #3c486b color hex could be obtained by blending #7890d6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 24
- G 28
- B 42
RGB color chart
- C 44
- M 33
- Y 0
- K 58
CMYK color chart

● #3c486b color description : Very dark desaturated blue.

The hexadecimal color #3c486b has RGB values of R:60, G:72, B:107 and CMYK values of C:0.44, M:0.33, Y:0, K:0.58. Its decimal value is 3950699.

Hex triplet	3c486b	`#3c486b`
RGB Decimal	60, 72, 107	`rgb(60,72,107)`
RGB Percent	23.5, 28.2, 42	`rgb(23.5%,28.2%,42%)`
CMYK	44, 33, 0, 58
HSL	224.7°, 28.1, 32.7	`hsl(224.7,28.1%,32.7%)`
HSV (or HSB)	224.7°, 43.9, 42
Web Safe	333366	`#333366`

CIE-LAB	31.012, 5.276, -21.855
XYZ	6.834, 6.657, 14.834
xyY	0.241, 0.235, 6.657
CIE-LCH	31.012, 22.483, 283.571
CIE-LUV	31.012, -6.864, -29.055
Hunter-Lab	25.801, 2.131, -16.028
Binary	00111100, 01001000, 01101011

#3c486b
```
#3c486b rgb(60,72,107)
```
#6b5f3c
```
#6b5f3c rgb(107,95,60)
```

Complementary Color

#3c606b
```
#3c606b rgb(60,96,107)
```
#3c486b
```
#3c486b rgb(60,72,107)
```
#483c6b
```
#483c6b rgb(72,60,107)
```

Analogous Color

#606b3c
```
#606b3c rgb(96,107,60)
```
#3c486b
```
#3c486b rgb(60,72,107)
```
#6b483c
```
#6b483c rgb(107,72,60)
```

Split Complementary Color

#486b3c
```
#486b3c rgb(72,107,60)
```
#3c486b
```
#3c486b rgb(60,72,107)
```
#6b3c48
```
#6b3c48 rgb(107,60,72)
```

Triadic Color

#3c6b5f
```
#3c6b5f rgb(60,107,95)
```
#3c486b
```
#3c486b rgb(60,72,107)
```
#6b3c48
```
#6b3c48 rgb(107,60,72)
```
#6b5f3c
```
#6b5f3c rgb(107,95,60)
```

Tetradic Color

#21273a
```
#21273a rgb(33,39,58)
```
#2a324a
```
#2a324a rgb(42,50,74)
```
#333d5b
```
#333d5b rgb(51,61,91)
```
#3c486b
```
#3c486b rgb(60,72,107)
```
#45537b
```
#45537b rgb(69,83,123)
```
#4e5e8c
```
#4e5e8c rgb(78,94,140)
```
#57699c
```
#57699c rgb(87,105,156)
```

Monochromatic Color

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

#3c546b
```
#3c546b rgb(60,84,107)
```
#3c506b
```
#3c506b rgb(60,80,107)
```
#3c4c6b
```
#3c4c6b rgb(60,76,107)
```
#3c486b
```
#3c486b rgb(60,72,107)
```
#3c446b
```
#3c446b rgb(60,68,107)
```
#3c406b
```
#3c406b rgb(60,64,107)
```
#3c3c6b
```
#3c3c6b rgb(60,60,107)
```

Similar Colors

Text with hexadecimal color #3c486b

This text has a font color of #3c486b.

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

#3c486b background color

This paragraph has a background color of #3c486b.

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

#3c486b border color

This element has a border color of #3c486b.

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

CSS codes

.text {color:#3c486b;}

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

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

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

#040406
```
#040406 rgb(4,4,6)
```
#0b0d13
```
#0b0d13 rgb(11,13,19)
```
#121520
```
#121520 rgb(18,21,32)
```
#191e2c
```
#191e2c rgb(25,30,44)
```
#202639
```
#202639 rgb(32,38,57)
```
#272f45
```
#272f45 rgb(39,47,69)
```
#2e3752
```
#2e3752 rgb(46,55,82)
```
#35405e
```
#35405e rgb(53,64,94)
```
#3c486b
```
#3c486b rgb(60,72,107)
```
#435078
```
#435078 rgb(67,80,120)
```
#4a5984
```
#4a5984 rgb(74,89,132)
```
#516191
```
#516191 rgb(81,97,145)
```
#586a9d
```
#586a9d rgb(88,106,157)
```

Shade Color Variation

#6274a7
```
#6274a7 rgb(98,116,167)
```
#6f7fae
```
#6f7fae rgb(111,127,174)
```
#7b8ab5
```
#7b8ab5 rgb(123,138,181)
```
#8895bc
```
#8895bc rgb(136,149,188)
```
#94a0c3
```
#94a0c3 rgb(148,160,195)
```
#a1abca
```
#a1abca rgb(161,171,202)
```
#adb7d1
```
#adb7d1 rgb(173,183,209)
```
#bac2d8
```
#bac2d8 rgb(186,194,216)
```
#c7cddf
```
#c7cddf rgb(199,205,223)
```
#d3d8e6
```
#d3d8e6 rgb(211,216,230)
```
#e0e3ed
```
#e0e3ed rgb(224,227,237)
```
#eceef5
```
#eceef5 rgb(236,238,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5158 is the less saturated color, while #022ca5 is the most saturated one.

#4f5158
```
#4f5158 rgb(79,81,88)
```
#494e5e
```
#494e5e rgb(73,78,94)
```
#424b65
```
#424b65 rgb(66,75,101)
```
#3c486b
```
#3c486b rgb(60,72,107)
```
#364571
```
#364571 rgb(54,69,113)
```
#2f4278
```
#2f4278 rgb(47,66,120)
```
#293f7e
```
#293f7e rgb(41,63,126)
```
#223b85
```
#223b85 rgb(34,59,133)
```
#1c388b
```
#1c388b rgb(28,56,139)
```
#153592
```
#153592 rgb(21,53,146)
```
#0f3298
```
#0f3298 rgb(15,50,152)
```
#092f9e
```
#092f9e rgb(9,47,158)
```
#022ca5
```
#022ca5 rgb(2,44,165)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#46484f Atypical Achromatopsia 0.001% of the population

Dichromacy

#475172 Protanopia 1% of men
#455172 Deuteranopia 1% of men
#3e565c Tritanopia 0.001% of the population

Trichromacy

#434d6f Protanomaly 1% of men, 0.01% of women
#414e6f Deuteranomaly 6% of men, 0.4% of women
#3d5061 Tritanomaly 0.01% of the population

#3c486b hex color

#3c486b Color Information

#3c486b Color Conversion

Color Schemes with #3c486b

Alternatives to #3c486b

#3c486b Preview

Shades and Tints of #3c486b

Tones of #3c486b

Color Blindness Simulator