#3c6086 hex color

In a RGB color space, hex #3c6086 is composed of 23.5% red, 37.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 28.4% magenta, 0% yellow and 47.5% black. It has a hue angle of 210.8 degrees, a saturation of 38.1% and a lightness of 38%. #3c6086 color hex could be obtained by blending #78c0ff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 24
- G 38
- B 53
RGB color chart
- C 55
- M 28
- Y 0
- K 47
CMYK color chart

● #3c6086 color description : Dark moderate blue.

The hexadecimal color #3c6086 has RGB values of R:60, G:96, B:134 and CMYK values of C:0.55, M:0.28, Y:0, K:0.47. Its decimal value is 3956870.

Hex triplet	3c6086	`#3c6086`
RGB Decimal	60, 96, 134	`rgb(60,96,134)`
RGB Percent	23.5, 37.6, 52.5	`rgb(23.5%,37.6%,52.5%)`
CMYK	55, 28, 0, 47
HSL	210.8°, 38.1, 38	`hsl(210.8,38.1%,38%)`
HSV (or HSB)	210.8°, 55.2, 52.5
Web Safe	336699	`#336699`

CIE-LAB	39.66, -1.159, -25.083
XYZ	10.348, 11.047, 24.14
xyY	0.227, 0.243, 11.047
CIE-LCH	39.66, 25.109, 267.354
CIE-LUV	39.66, -16.111, -35.162
Hunter-Lab	33.237, -2.589, -19.796
Binary	00111100, 01100000, 10000110

#3c6086
```
#3c6086 rgb(60,96,134)
```
#86623c
```
#86623c rgb(134,98,60)
```

Complementary Color

#3c8586
```
#3c8586 rgb(60,133,134)
```
#3c6086
```
#3c6086 rgb(60,96,134)
```
#3d3c86
```
#3d3c86 rgb(61,60,134)
```

Analogous Color

#85863c
```
#85863c rgb(133,134,60)
```
#3c6086
```
#3c6086 rgb(60,96,134)
```
#863d3c
```
#863d3c rgb(134,61,60)
```

Split Complementary Color

#60863c
```
#60863c rgb(96,134,60)
```
#3c6086
```
#3c6086 rgb(60,96,134)
```
#863c60
```
#863c60 rgb(134,60,96)
```

Triadic Color

#3c8662
```
#3c8662 rgb(60,134,98)
```
#3c6086
```
#3c6086 rgb(60,96,134)
```
#863c60
```
#863c60 rgb(134,60,96)
```
#86623c
```
#86623c rgb(134,98,60)
```

Tetradic Color

#243a51
```
#243a51 rgb(36,58,81)
```
#2c4763
```
#2c4763 rgb(44,71,99)
```
#345374
```
#345374 rgb(52,83,116)
```
#3c6086
```
#3c6086 rgb(60,96,134)
```
#446d98
```
#446d98 rgb(68,109,152)
```
#4c79a9
```
#4c79a9 rgb(76,121,169)
```
#5a86b5
```
#5a86b5 rgb(90,134,181)
```

Monochromatic Color

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

#3c7386
```
#3c7386 rgb(60,115,134)
```
#3c6c86
```
#3c6c86 rgb(60,108,134)
```
#3c6686
```
#3c6686 rgb(60,102,134)
```
#3c6086
```
#3c6086 rgb(60,96,134)
```
#3c5a86
```
#3c5a86 rgb(60,90,134)
```
#3c5486
```
#3c5486 rgb(60,84,134)
```
#3c4e86
```
#3c4e86 rgb(60,78,134)
```

Similar Colors

Text with hexadecimal color #3c6086

This text has a font color of #3c6086.

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

#3c6086 background color

This paragraph has a background color of #3c6086.

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

#3c6086 border color

This element has a border color of #3c6086.

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

CSS codes

.text {color:#3c6086;}

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

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

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, #05090c is the darkest color, while #fefefe is the lightest one.

#05090c
```
#05090c rgb(5,9,12)
```
#0b121a
```
#0b121a rgb(11,18,26)
```
#121c27
```
#121c27 rgb(18,28,39)
```
#182635
```
#182635 rgb(24,38,53)
```
#1e2f42
```
#1e2f42 rgb(30,47,66)
```
#243950
```
#243950 rgb(36,57,80)
```
#2a435d
```
#2a435d rgb(42,67,93)
```
#304d6b
```
#304d6b rgb(48,77,107)
```
#365678
```
#365678 rgb(54,86,120)
```
#3c6086
```
#3c6086 rgb(60,96,134)
```
#426a94
```
#426a94 rgb(66,106,148)
```
#4873a1
```
#4873a1 rgb(72,115,161)
```
#4e7daf
```
#4e7daf rgb(78,125,175)
```

Shade Color Variation

#5b87b6
```
#5b87b6 rgb(91,135,182)
```
#6891bc
```
#6891bc rgb(104,145,188)
```
#769bc2
```
#769bc2 rgb(118,155,194)
```
#84a5c8
```
#84a5c8 rgb(132,165,200)
```
#91afce
```
#91afce rgb(145,175,206)
```
#9fb9d4
```
#9fb9d4 rgb(159,185,212)
```
#acc2da
```
#acc2da rgb(172,194,218)
```
#bacce0
```
#bacce0 rgb(186,204,224)
```
#c7d6e6
```
#c7d6e6 rgb(199,214,230)
```
#d5e0ec
```
#d5e0ec rgb(213,224,236)
```
#e2eaf2
```
#e2eaf2 rgb(226,234,242)
```
#f0f4f8
```
#f0f4f8 rgb(240,244,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a6168 is the less saturated color, while #005ec2 is the most saturated one.

#5a6168
```
#5a6168 rgb(90,97,104)
```
#526170
```
#526170 rgb(82,97,112)
```
#4b6077
```
#4b6077 rgb(75,96,119)
```
#43607f
```
#43607f rgb(67,96,127)
```
#3c6086
```
#3c6086 rgb(60,96,134)
```
#35608d
```
#35608d rgb(53,96,141)
```
#2d6095
```
#2d6095 rgb(45,96,149)
```
#265f9c
```
#265f9c rgb(38,95,156)
```
#1e5fa4
```
#1e5fa4 rgb(30,95,164)
```
#175fab
```
#175fab rgb(23,95,171)
```
#0f5fb3
```
#0f5fb3 rgb(15,95,179)
```
#085fba
```
#085fba rgb(8,95,186)
```
#005ec2
```
#005ec2 rgb(0,94,194)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#545b63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#596489 Protanopia 1% of men
#55658d Deuteranopia 1% of men
#3b6c74 Tritanopia 0.001% of the population

Trichromacy

#4e6288 Protanomaly 1% of men, 0.01% of women
#4c638a Deuteranomaly 6% of men, 0.4% of women
#3b687b Tritanomaly 0.01% of the population

#3c6086 hex color

#3c6086 Color Information

#3c6086 Color Conversion

Color Schemes with #3c6086

Alternatives to #3c6086

#3c6086 Preview

Shades and Tints of #3c6086

Tones of #3c6086

Color Blindness Simulator