#3c6f7d hex color

In a RGB color space, hex #3c6f7d is composed of 23.5% red, 43.5% green and 49% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 11.2% magenta, 0% yellow and 51% black. It has a hue angle of 192.9 degrees, a saturation of 35.1% and a lightness of 36.3%. #3c6f7d color hex could be obtained by blending #78defa with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 44
- B 49
RGB color chart
- C 52
- M 11
- Y 0
- K 51
CMYK color chart

● #3c6f7d color description : Dark moderate cyan.

The hexadecimal color #3c6f7d has RGB values of R:60, G:111, B:125 and CMYK values of C:0.52, M:0.11, Y:0, K:0.51. Its decimal value is 3960701.

Hex triplet	3c6f7d	`#3c6f7d`
RGB Decimal	60, 111, 125	`rgb(60,111,125)`
RGB Percent	23.5, 43.5, 49	`rgb(23.5%,43.5%,49%)`
CMYK	52, 11, 0, 51
HSL	192.9°, 35.1, 36.3	`hsl(192.9,35.1%,36.3%)`
HSV (or HSB)	192.9°, 52, 49
Web Safe	336666	`#336666`

CIE-LAB	43.958, -12.957, -13.039
XYZ	11.249, 13.809, 21.474
xyY	0.242, 0.297, 13.809
CIE-LCH	43.958, 18.382, 225.18
CIE-LUV	43.958, -22.14, -16.5
Hunter-Lab	37.161, -11, -8.248
Binary	00111100, 01101111, 01111101

#3c6f7d
```
#3c6f7d rgb(60,111,125)
```
#7d4a3c
```
#7d4a3c rgb(125,74,60)
```

Complementary Color

#3c7d6b
```
#3c7d6b rgb(60,125,107)
```
#3c6f7d
```
#3c6f7d rgb(60,111,125)
```
#3c4f7d
```
#3c4f7d rgb(60,79,125)
```

Analogous Color

#7d6b3c
```
#7d6b3c rgb(125,107,60)
```
#3c6f7d
```
#3c6f7d rgb(60,111,125)
```
#7d3c4f
```
#7d3c4f rgb(125,60,79)
```

Split Complementary Color

#6f7d3c
```
#6f7d3c rgb(111,125,60)
```
#3c6f7d
```
#3c6f7d rgb(60,111,125)
```
#7d3c6f
```
#7d3c6f rgb(125,60,111)
```

Triadic Color

#3c7d4a
```
#3c7d4a rgb(60,125,74)
```
#3c6f7d
```
#3c6f7d rgb(60,111,125)
```
#7d3c6f
```
#7d3c6f rgb(125,60,111)
```
#7d4a3c
```
#7d4a3c rgb(125,74,60)
```

Tetradic Color

#234149
```
#234149 rgb(35,65,73)
```
#2b505b
```
#2b505b rgb(43,80,91)
```
#34606c
```
#34606c rgb(52,96,108)
```
#3c6f7d
```
#3c6f7d rgb(60,111,125)
```
#447e8e
```
#447e8e rgb(68,126,142)
```
#4d8e9f
```
#4d8e9f rgb(77,142,159)
```
#579cae
```
#579cae rgb(87,156,174)
```

Monochromatic Color

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

#3c7d7b
```
#3c7d7b rgb(60,125,123)
```
#3c7a7d
```
#3c7a7d rgb(60,122,125)
```
#3c747d
```
#3c747d rgb(60,116,125)
```
#3c6f7d
```
#3c6f7d rgb(60,111,125)
```
#3c6a7d
```
#3c6a7d rgb(60,106,125)
```
#3c647d
```
#3c647d rgb(60,100,125)
```
#3c5f7d
```
#3c5f7d rgb(60,95,125)
```

Similar Colors

Text with hexadecimal color #3c6f7d

This text has a font color of #3c6f7d.

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

#3c6f7d background color

This paragraph has a background color of #3c6f7d.

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

#3c6f7d border color

This element has a border color of #3c6f7d.

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

CSS codes

.text {color:#3c6f7d;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#091113
```
#091113 rgb(9,17,19)
```
#0f1d20
```
#0f1d20 rgb(15,29,32)
```
#16282d
```
#16282d rgb(22,40,45)
```
#1c343b
```
#1c343b rgb(28,52,59)
```
#234048
```
#234048 rgb(35,64,72)
```
#294c55
```
#294c55 rgb(41,76,85)
```
#2f5762
```
#2f5762 rgb(47,87,98)
```
#366370
```
#366370 rgb(54,99,112)
```
#3c6f7d
```
#3c6f7d rgb(60,111,125)
```
#427b8a
```
#427b8a rgb(66,123,138)
```
#498798
```
#498798 rgb(73,135,152)
```
#4f92a5
```
#4f92a5 rgb(79,146,165)
```

Shade Color Variation

#589caf
```
#589caf rgb(88,156,175)
```
#66a4b5
```
#66a4b5 rgb(102,164,181)
```
#73acbc
```
#73acbc rgb(115,172,188)
```
#80b4c2
```
#80b4c2 rgb(128,180,194)
```
#8dbcc8
```
#8dbcc8 rgb(141,188,200)
```
#9bc4cf
```
#9bc4cf rgb(155,196,207)
```
#a8cbd5
```
#a8cbd5 rgb(168,203,213)
```
#b5d3dc
```
#b5d3dc rgb(181,211,220)
```
#c2dbe2
```
#c2dbe2 rgb(194,219,226)
```
#d0e3e8
```
#d0e3e8 rgb(208,227,232)
```
#ddebef
```
#ddebef rgb(221,235,239)
```
#eaf3f5
```
#eaf3f5 rgb(234,243,245)
```
#f7fbfb
```
#f7fbfb rgb(247,251,251)
```

Tint Color Variation

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

#585f61
```
#585f61 rgb(88,95,97)
```
#516368
```
#516368 rgb(81,99,104)
```
#4a676f
```
#4a676f rgb(74,103,111)
```
#436b76
```
#436b76 rgb(67,107,118)
```
#3c6f7d
```
#3c6f7d rgb(60,111,125)
```
#357384
```
#357384 rgb(53,115,132)
```
#2e778b
```
#2e778b rgb(46,119,139)
```
#277b92
```
#277b92 rgb(39,123,146)
```
#207f99
```
#207f99 rgb(32,127,153)
```
#1883a1
```
#1883a1 rgb(24,131,161)
```
#1187a8
```
#1187a8 rgb(17,135,168)
```
#0a8baf
```
#0a8baf rgb(10,139,175)
```
#038fb6
```
#038fb6 rgb(3,143,182)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5a6467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6e7f Protanopia 1% of men
#6d6d87 Deuteranopia 1% of men
#44777f Tritanopia 0.001% of the population

Trichromacy

#5b6e7e Protanomaly 1% of men, 0.01% of women
#5b6e83 Deuteranomaly 6% of men, 0.4% of women
#41747e Tritanomaly 0.01% of the population

#3c6f7d hex color

#3c6f7d Color Information

#3c6f7d Color Conversion

Color Schemes with #3c6f7d

Alternatives to #3c6f7d

#3c6f7d Preview

Shades and Tints of #3c6f7d

Tones of #3c6f7d

Color Blindness Simulator