#316e7c hex color

In a RGB color space, hex #316e7c is composed of 19.2% red, 43.1% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 11.3% magenta, 0% yellow and 51.4% black. It has a hue angle of 191.2 degrees, a saturation of 43.4% and a lightness of 33.9%. #316e7c color hex could be obtained by blending #62dcf8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 43
- B 49
RGB color chart
- C 60
- M 11
- Y 0
- K 51
CMYK color chart

● #316e7c color description : Dark moderate cyan.

The hexadecimal color #316e7c has RGB values of R:49, G:110, B:124 and CMYK values of C:0.6, M:0.11, Y:0, K:0.51. Its decimal value is 3239548.

Hex triplet	316e7c	`#316e7c`
RGB Decimal	49, 110, 124	`rgb(49,110,124)`
RGB Percent	19.2, 43.1, 48.6	`rgb(19.2%,43.1%,48.6%)`
CMYK	60, 11, 0, 51
HSL	191.2°, 43.4, 33.9	`hsl(191.2,43.4%,33.9%)`
HSV (or HSB)	191.2°, 60.5, 48.6
Web Safe	336666	`#336666`

CIE-LAB	43.151, -15.205, -13.705
XYZ	10.48, 13.259, 21.075
xyY	0.234, 0.296, 13.259
CIE-LCH	43.151, 20.47, 222.031
CIE-LUV	43.151, -24.718, -17.146
Hunter-Lab	36.413, -12.351, -8.826
Binary	00110001, 01101110, 01111100

#316e7c
```
#316e7c rgb(49,110,124)
```
#7c3f31
```
#7c3f31 rgb(124,63,49)
```

Complementary Color

#317c65
```
#317c65 rgb(49,124,101)
```
#316e7c
```
#316e7c rgb(49,110,124)
```
#31497c
```
#31497c rgb(49,73,124)
```

Analogous Color

#7c6531
```
#7c6531 rgb(124,101,49)
```
#316e7c
```
#316e7c rgb(49,110,124)
```
#7c3149
```
#7c3149 rgb(124,49,73)
```

Split Complementary Color

#6e7c31
```
#6e7c31 rgb(110,124,49)
```
#316e7c
```
#316e7c rgb(49,110,124)
```
#7c316e
```
#7c316e rgb(124,49,110)
```

Triadic Color

#317c3f
```
#317c3f rgb(49,124,63)
```
#316e7c
```
#316e7c rgb(49,110,124)
```
#7c316e
```
#7c316e rgb(124,49,110)
```
#7c3f31
```
#7c3f31 rgb(124,63,49)
```

Tetradic Color

#1b3d45
```
#1b3d45 rgb(27,61,69)
```
#234e57
```
#234e57 rgb(35,78,87)
```
#2a5e6a
```
#2a5e6a rgb(42,94,106)
```
#316e7c
```
#316e7c rgb(49,110,124)
```
#387e8e
```
#387e8e rgb(56,126,142)
```
#3f8ea1
```
#3f8ea1 rgb(63,142,161)
```
#479fb3
```
#479fb3 rgb(71,159,179)
```

Monochromatic Color

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

#317c77
```
#317c77 rgb(49,124,119)
```
#317b7c
```
#317b7c rgb(49,123,124)
```
#31747c
```
#31747c rgb(49,116,124)
```
#316e7c
```
#316e7c rgb(49,110,124)
```
#31687c
```
#31687c rgb(49,104,124)
```
#31627c
```
#31627c rgb(49,98,124)
```
#315b7c
```
#315b7c rgb(49,91,124)
```

Similar Colors

Text with hexadecimal color #316e7c

This text has a font color of #316e7c.

<span style="color:#316e7c;">Text here</span>

#316e7c background color

This paragraph has a background color of #316e7c.

<p style="background-color:#316e7c;">Content here</p>

#316e7c border color

This element has a border color of #316e7c.

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

CSS codes

.text {color:#316e7c;}

.background {background-color:#316e7c;}

.border {border:1px solid #316e7c;}

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, #050a0c is the darkest color, while #fcfefe is the lightest one.

#050a0c
```
#050a0c rgb(5,10,12)
```
#0a171a
```
#0a171a rgb(10,23,26)
```
#102328
```
#102328 rgb(16,35,40)
```
#153036
```
#153036 rgb(21,48,54)
```
#1b3c44
```
#1b3c44 rgb(27,60,68)
```
#204952
```
#204952 rgb(32,73,82)
```
#265560
```
#265560 rgb(38,85,96)
```
#2b626e
```
#2b626e rgb(43,98,110)
```
#316e7c
```
#316e7c rgb(49,110,124)
```
#377a8a
```
#377a8a rgb(55,122,138)
```
#3c8798
```
#3c8798 rgb(60,135,152)
```
#4293a6
```
#4293a6 rgb(66,147,166)
```
#47a0b4
```
#47a0b4 rgb(71,160,180)
```

Shade Color Variation

#54a8bb
```
#54a8bb rgb(84,168,187)
```
#62afc1
```
#62afc1 rgb(98,175,193)
```
#70b6c6
```
#70b6c6 rgb(112,182,198)
```
#7ebdcc
```
#7ebdcc rgb(126,189,204)
```
#8cc5d2
```
#8cc5d2 rgb(140,197,210)
```
#9accd7
```
#9accd7 rgb(154,204,215)
```
#a8d3dd
```
#a8d3dd rgb(168,211,221)
```
#b6dae2
```
#b6dae2 rgb(182,218,226)
```
#c4e1e8
```
#c4e1e8 rgb(196,225,232)
```
#d2e8ed
```
#d2e8ed rgb(210,232,237)
```
#e0eff3
```
#e0eff3 rgb(224,239,243)
```
#eef7f8
```
#eef7f8 rgb(238,247,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52595b is the less saturated color, while #028bab is the most saturated one.

#52595b
```
#52595b rgb(82,89,91)
```
#4c5d61
```
#4c5d61 rgb(76,93,97)
```
#456168
```
#456168 rgb(69,97,104)
```
#3e666f
```
#3e666f rgb(62,102,111)
```
#386a75
```
#386a75 rgb(56,106,117)
```
#316e7c
```
#316e7c rgb(49,110,124)
```
#2a7283
```
#2a7283 rgb(42,114,131)
```
#247689
```
#247689 rgb(36,118,137)
```
#1d7b90
```
#1d7b90 rgb(29,123,144)
```
#167f97
```
#167f97 rgb(22,127,151)
```
#10839d
```
#10839d rgb(16,131,157)
```
#0987a4
```
#0987a4 rgb(9,135,164)
```
#028bab
```
#028bab rgb(2,139,171)
```

Tone Color Variation

Below, you can see how #316e7c 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

#5d5d5d Achromatopsia 0.005% of the population
#546063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6d7d Protanopia 1% of men
#6a6b86 Deuteranopia 1% of men
#39767e Tritanopia 0.001% of the population

Trichromacy

#556d7d Protanomaly 1% of men, 0.01% of women
#556c82 Deuteranomaly 6% of men, 0.4% of women
#36737d Tritanomaly 0.01% of the population

#316e7c hex color

#316e7c Color Information

#316e7c Color Conversion

Color Schemes with #316e7c

Alternatives to #316e7c

#316e7c Preview

Shades and Tints of #316e7c

Tones of #316e7c

Color Blindness Simulator