#3c6695 hex color

In a RGB color space, hex #3c6695 is composed of 23.5% red, 40% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 31.5% magenta, 0% yellow and 41.6% black. It has a hue angle of 211.7 degrees, a saturation of 42.6% and a lightness of 41%. #3c6695 color hex could be obtained by blending #78ccff with #00002b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 24
- G 40
- B 58
RGB color chart
- C 60
- M 32
- Y 0
- K 42
CMYK color chart

● #3c6695 color description : Dark moderate blue.

The hexadecimal color #3c6695 has RGB values of R:60, G:102, B:149 and CMYK values of C:0.6, M:0.32, Y:0, K:0.42. Its decimal value is 3958421.

Hex triplet	3c6695	`#3c6695`
RGB Decimal	60, 102, 149	`rgb(60,102,149)`
RGB Percent	23.5, 40, 58.4	`rgb(23.5%,40%,58.4%)`
CMYK	60, 32, 0, 42
HSL	211.7°, 42.6, 41	`hsl(211.7,42.6%,41%)`
HSV (or HSB)	211.7°, 59.7, 58.4
Web Safe	336699	`#336699`

CIE-LAB	42.204, 0.219, -30.13
XYZ	12.038, 12.633, 30.236
xyY	0.219, 0.23, 12.633
CIE-LCH	42.204, 30.131, 270.417
CIE-LUV	42.204, -18.14, -43.503
Hunter-Lab	35.542, -1.74, -25.559
Binary	00111100, 01100110, 10010101

#3c6695
```
#3c6695 rgb(60,102,149)
```
#956b3c
```
#956b3c rgb(149,107,60)
```

Complementary Color

#3c9395
```
#3c9395 rgb(60,147,149)
```
#3c6695
```
#3c6695 rgb(60,102,149)
```
#3e3c95
```
#3e3c95 rgb(62,60,149)
```

Analogous Color

#93953c
```
#93953c rgb(147,149,60)
```
#3c6695
```
#3c6695 rgb(60,102,149)
```
#953e3c
```
#953e3c rgb(149,62,60)
```

Split Complementary Color

#66953c
```
#66953c rgb(102,149,60)
```
#3c6695
```
#3c6695 rgb(60,102,149)
```
#953c66
```
#953c66 rgb(149,60,102)
```

Triadic Color

#3c956b
```
#3c956b rgb(60,149,107)
```
#3c6695
```
#3c6695 rgb(60,102,149)
```
#953c66
```
#953c66 rgb(149,60,102)
```
#956b3c
```
#956b3c rgb(149,107,60)
```

Tetradic Color

#26415e
```
#26415e rgb(38,65,94)
```
#2d4d71
```
#2d4d71 rgb(45,77,113)
```
#355a83
```
#355a83 rgb(53,90,131)
```
#3c6695
```
#3c6695 rgb(60,102,149)
```
#4372a7
```
#4372a7 rgb(67,114,167)
```
#4d7fb7
```
#4d7fb7 rgb(77,127,183)
```
#5f8cbf
```
#5f8cbf rgb(95,140,191)
```

Monochromatic Color

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

#3c7c95
```
#3c7c95 rgb(60,124,149)
```
#3c7595
```
#3c7595 rgb(60,117,149)
```
#3c6d95
```
#3c6d95 rgb(60,109,149)
```
#3c6695
```
#3c6695 rgb(60,102,149)
```
#3c5f95
```
#3c5f95 rgb(60,95,149)
```
#3c5795
```
#3c5795 rgb(60,87,149)
```
#3c5095
```
#3c5095 rgb(60,80,149)
```

Similar Colors

Text with hexadecimal color #3c6695

This text has a font color of #3c6695.

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

#3c6695 background color

This paragraph has a background color of #3c6695.

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

#3c6695 border color

This element has a border color of #3c6695.

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

CSS codes

.text {color:#3c6695;}

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

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

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

#040609
```
#040609 rgb(4,6,9)
```
#091017
```
#091017 rgb(9,16,23)
```
#0f1925
```
#0f1925 rgb(15,25,37)
```
#152333
```
#152333 rgb(21,35,51)
```
#1a2d41
```
#1a2d41 rgb(26,45,65)
```
#20364f
```
#20364f rgb(32,54,79)
```
#25405d
```
#25405d rgb(37,64,93)
```
#2b496b
```
#2b496b rgb(43,73,107)
```
#315379
```
#315379 rgb(49,83,121)
```
#365c87
```
#365c87 rgb(54,92,135)
```
#3c6695
```
#3c6695 rgb(60,102,149)
```
#4270a3
```
#4270a3 rgb(66,112,163)
```
#4779b1
```
#4779b1 rgb(71,121,177)
```

Shade Color Variation

#5283b9
```
#5283b9 rgb(82,131,185)
```
#608dbf
```
#608dbf rgb(96,141,191)
```
#6e97c5
```
#6e97c5 rgb(110,151,197)
```
#7ca1ca
```
#7ca1ca rgb(124,161,202)
```
#8aabd0
```
#8aabd0 rgb(138,171,208)
```
#98b5d6
```
#98b5d6 rgb(152,181,214)
```
#a6bfdb
```
#a6bfdb rgb(166,191,219)
```
#b4c9e1
```
#b4c9e1 rgb(180,201,225)
```
#c2d3e7
```
#c2d3e7 rgb(194,211,231)
```
#d0ddec
```
#d0ddec rgb(208,221,236)
```
#dee7f2
```
#dee7f2 rgb(222,231,242)
```
#ecf1f7
```
#ecf1f7 rgb(236,241,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64686d is the less saturated color, while #0463cd is the most saturated one.

#64686d
```
#64686d rgb(100,104,109)
```
#5c6875
```
#5c6875 rgb(92,104,117)
```
#54677d
```
#54677d rgb(84,103,125)
```
#4c6785
```
#4c6785 rgb(76,103,133)
```
#44668d
```
#44668d rgb(68,102,141)
```
#3c6695
```
#3c6695 rgb(60,102,149)
```
#34669d
```
#34669d rgb(52,102,157)
```
#2c65a5
```
#2c65a5 rgb(44,101,165)
```
#2465ad
```
#2465ad rgb(36,101,173)
```
#1c64b5
```
#1c64b5 rgb(28,100,181)
```
#1464bd
```
#1464bd rgb(20,100,189)
```
#0c63c5
```
#0c63c5 rgb(12,99,197)
```
#0463cd
```
#0463cd rgb(4,99,205)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#58606a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6a97 Protanopia 1% of men
#536b9b Deuteranopia 1% of men
#35747c Tritanopia 0.001% of the population

Trichromacy

#506896 Protanomaly 1% of men, 0.01% of women
#4b6999 Deuteranomaly 6% of men, 0.4% of women
#386e85 Tritanomaly 0.01% of the population

#3c6695 hex color

#3c6695 Color Information

#3c6695 Color Conversion

Color Schemes with #3c6695

Alternatives to #3c6695

#3c6695 Preview

Shades and Tints of #3c6695

Tones of #3c6695

Color Blindness Simulator