#316667 hex color

In a RGB color space, hex #316667 is composed of 19.2% red, 40% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 1% magenta, 0% yellow and 59.6% black. It has a hue angle of 181.1 degrees, a saturation of 35.5% and a lightness of 29.8%. #316667 color hex could be obtained by blending #62ccce with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 40
- B 40
RGB color chart
- C 52
- M 1
- Y 0
- K 60
CMYK color chart

● #316667 color description : Very dark desaturated cyan.

The hexadecimal color #316667 has RGB values of R:49, G:102, B:103 and CMYK values of C:0.52, M:0.01, Y:0, K:0.6. Its decimal value is 3237479.

Hex triplet	316667	`#316667`
RGB Decimal	49, 102, 103	`rgb(49,102,103)`
RGB Percent	19.2, 40, 40.4	`rgb(19.2%,40%,40.4%)`
CMYK	52, 1, 0, 60
HSL	181.1°, 35.5, 29.8	`hsl(181.1,35.5%,29.8%)`
HSV (or HSB)	181.1°, 52.4, 40.4
Web Safe	336666	`#336666`

CIE-LAB	39.806, -17.25, -5.996
XYZ	8.465, 11.134, 14.534
xyY	0.248, 0.326, 11.134
CIE-LCH	39.806, 18.263, 199.168
CIE-LUV	39.806, -22.396, -5.658
Hunter-Lab	33.368, -13.109, -2.467
Binary	00110001, 01100110, 01100111

#316667
```
#316667 rgb(49,102,103)
```
#673231
```
#673231 rgb(103,50,49)
```

Complementary Color

#31674d
```
#31674d rgb(49,103,77)
```
#316667
```
#316667 rgb(49,102,103)
```
#314b67
```
#314b67 rgb(49,75,103)
```

Analogous Color

#674d31
```
#674d31 rgb(103,77,49)
```
#316667
```
#316667 rgb(49,102,103)
```
#67314b
```
#67314b rgb(103,49,75)
```

Split Complementary Color

#666731
```
#666731 rgb(102,103,49)
```
#316667
```
#316667 rgb(49,102,103)
```
#673166
```
#673166 rgb(103,49,102)
```

Triadic Color

#316732
```
#316732 rgb(49,103,50)
```
#316667
```
#316667 rgb(49,102,103)
```
#673166
```
#673166 rgb(103,49,102)
```
#673231
```
#673231 rgb(103,50,49)
```

Tetradic Color

#183333
```
#183333 rgb(24,51,51)
```
#214444
```
#214444 rgb(33,68,68)
```
#295556
```
#295556 rgb(41,85,86)
```
#316667
```
#316667 rgb(49,102,103)
```
#397778
```
#397778 rgb(57,119,120)
```
#41888a
```
#41888a rgb(65,136,138)
```
#4a999b
```
#4a999b rgb(74,153,155)
```

Monochromatic Color

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

#31675b
```
#31675b rgb(49,103,91)
```
#31675f
```
#31675f rgb(49,103,95)
```
#316764
```
#316764 rgb(49,103,100)
```
#316667
```
#316667 rgb(49,102,103)
```
#316267
```
#316267 rgb(49,98,103)
```
#315d67
```
#315d67 rgb(49,93,103)
```
#315967
```
#315967 rgb(49,89,103)
```

Similar Colors

Text with hexadecimal color #316667

This text has a font color of #316667.

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

#316667 background color

This paragraph has a background color of #316667.

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

#316667 border color

This element has a border color of #316667.

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

CSS codes

.text {color:#316667;}

.background {background-color:#316667;}

.border {border:1px solid #316667;}

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

#050a0a
```
#050a0a rgb(5,10,10)
```
#0b1717
```
#0b1717 rgb(11,23,23)
```
#112425
```
#112425 rgb(17,36,37)
```
#183132
```
#183132 rgb(24,49,50)
```
#1e3f3f
```
#1e3f3f rgb(30,63,63)
```
#244c4c
```
#244c4c rgb(36,76,76)
```
#2b595a
```
#2b595a rgb(43,89,90)
```
#316667
```
#316667 rgb(49,102,103)
```
#377374
```
#377374 rgb(55,115,116)
```
#3e8082
```
#3e8082 rgb(62,128,130)
```
#448d8f
```
#448d8f rgb(68,141,143)
```
#4a9b9c
```
#4a9b9c rgb(74,155,156)
```
#51a8a9
```
#51a8a9 rgb(81,168,169)
```

Shade Color Variation

#5cb0b2
```
#5cb0b2 rgb(92,176,178)
```
#69b6b8
```
#69b6b8 rgb(105,182,184)
```
#77bdbe
```
#77bdbe rgb(119,189,190)
```
#84c3c5
```
#84c3c5 rgb(132,195,197)
```
#91cacb
```
#91cacb rgb(145,202,203)
```
#9fd0d1
```
#9fd0d1 rgb(159,208,209)
```
#acd7d7
```
#acd7d7 rgb(172,215,215)
```
#b9ddde
```
#b9ddde rgb(185,221,222)
```
#c6e4e4
```
#c6e4e4 rgb(198,228,228)
```
#d4eaea
```
#d4eaea rgb(212,234,234)
```
#e1f0f1
```
#e1f0f1 rgb(225,240,241)
```
#eef7f7
```
#eef7f7 rgb(238,247,247)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484f50 is the less saturated color, while #029396 is the most saturated one.

#484f50
```
#484f50 rgb(72,79,80)
```
#435555
```
#435555 rgb(67,85,85)
```
#3d5b5b
```
#3d5b5b rgb(61,91,91)
```
#376061
```
#376061 rgb(55,96,97)
```
#316667
```
#316667 rgb(49,102,103)
```
#2b6c6d
```
#2b6c6d rgb(43,108,109)
```
#257173
```
#257173 rgb(37,113,115)
```
#1f7779
```
#1f7779 rgb(31,119,121)
```
#1a7d7e
```
#1a7d7e rgb(26,125,126)
```
#148284
```
#148284 rgb(20,130,132)
```
#0e888a
```
#0e888a rgb(14,136,138)
```
#088d90
```
#088d90 rgb(8,141,144)
```
#029396
```
#029396 rgb(2,147,150)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4f5959 Atypical Achromatopsia 0.001% of the population

Dichromacy

#66656a Protanopia 1% of men
#696372 Deuteranopia 1% of men
#3e6d74 Tritanopia 0.001% of the population

Trichromacy

#536569 Protanomaly 1% of men, 0.01% of women
#54646e Deuteranomaly 6% of men, 0.4% of women
#396a6f Tritanomaly 0.01% of the population

#316667 hex color

#316667 Color Information

#316667 Color Conversion

Color Schemes with #316667

Alternatives to #316667

#316667 Preview

Shades and Tints of #316667

Tones of #316667

Color Blindness Simulator