#316f74 hex color

In a RGB color space, hex #316f74 is composed of 19.2% red, 43.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 4.3% magenta, 0% yellow and 54.5% black. It has a hue angle of 184.5 degrees, a saturation of 40.6% and a lightness of 32.4%. #316f74 color hex could be obtained by blending #62dee8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 44
- B 45
RGB color chart
- C 58
- M 4
- Y 0
- K 55
CMYK color chart

● #316f74 color description : Dark moderate cyan.

The hexadecimal color #316f74 has RGB values of R:49, G:111, B:116 and CMYK values of C:0.58, M:0.04, Y:0, K:0.55. Its decimal value is 3239796.

Hex triplet	316f74	`#316f74`
RGB Decimal	49, 111, 116	`rgb(49,111,116)`
RGB Percent	19.2, 43.5, 45.5	`rgb(19.2%,43.5%,45.5%)`
CMYK	58, 4, 0, 55
HSL	184.5°, 40.6, 32.4	`hsl(184.5,40.6%,32.4%)`
HSV (or HSB)	184.5°, 57.8, 45.5
Web Safe	336666	`#336666`

CIE-LAB	43.185, -18.262, -8.836
XYZ	10.103, 13.282, 18.553
xyY	0.241, 0.317, 13.282
CIE-LCH	43.185, 20.287, 205.82
CIE-LUV	43.185, -25.457, -9.677
Hunter-Lab	36.445, -14.297, -4.672
Binary	00110001, 01101111, 01110100

#316f74
```
#316f74 rgb(49,111,116)
```
#743631
```
#743631 rgb(116,54,49)
```

Complementary Color

#317458
```
#317458 rgb(49,116,88)
```
#316f74
```
#316f74 rgb(49,111,116)
```
#314e74
```
#314e74 rgb(49,78,116)
```

Analogous Color

#745831
```
#745831 rgb(116,88,49)
```
#316f74
```
#316f74 rgb(49,111,116)
```
#74314e
```
#74314e rgb(116,49,78)
```

Split Complementary Color

#6f7431
```
#6f7431 rgb(111,116,49)
```
#316f74
```
#316f74 rgb(49,111,116)
```
#74316f
```
#74316f rgb(116,49,111)
```

Triadic Color

#317436
```
#317436 rgb(49,116,54)
```
#316f74
```
#316f74 rgb(49,111,116)
```
#74316f
```
#74316f rgb(116,49,111)
```
#743631
```
#743631 rgb(116,54,49)
```

Tetradic Color

#1a3c3e
```
#1a3c3e rgb(26,60,62)
```
#224d50
```
#224d50 rgb(34,77,80)
```
#295e62
```
#295e62 rgb(41,94,98)
```
#316f74
```
#316f74 rgb(49,111,116)
```
#398086
```
#398086 rgb(57,128,134)
```
#409198
```
#409198 rgb(64,145,152)
```
#48a2aa
```
#48a2aa rgb(72,162,170)
```

Monochromatic Color

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

#317468
```
#317468 rgb(49,116,104)
```
#31746e
```
#31746e rgb(49,116,110)
```
#317473
```
#317473 rgb(49,116,115)
```
#316f74
```
#316f74 rgb(49,111,116)
```
#316974
```
#316974 rgb(49,105,116)
```
#316474
```
#316474 rgb(49,100,116)
```
#315e74
```
#315e74 rgb(49,94,116)
```

Similar Colors

Text with hexadecimal color #316f74

This text has a font color of #316f74.

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

#316f74 background color

This paragraph has a background color of #316f74.

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

#316f74 border color

This element has a border color of #316f74.

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

CSS codes

.text {color:#316f74;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#081313
```
#081313 rgb(8,19,19)
```
#0e2021
```
#0e2021 rgb(14,32,33)
```
#142d2f
```
#142d2f rgb(20,45,47)
```
#1a3a3d
```
#1a3a3d rgb(26,58,61)
```
#20474b
```
#20474b rgb(32,71,75)
```
#255558
```
#255558 rgb(37,85,88)
```
#2b6266
```
#2b6266 rgb(43,98,102)
```
#316f74
```
#316f74 rgb(49,111,116)
```
#377c82
```
#377c82 rgb(55,124,130)
```
#3d8990
```
#3d8990 rgb(61,137,144)
```
#42979d
```
#42979d rgb(66,151,157)
```
#48a4ab
```
#48a4ab rgb(72,164,171)
```

Shade Color Variation

#51aeb6
```
#51aeb6 rgb(81,174,182)
```
#5fb5bb
```
#5fb5bb rgb(95,181,187)
```
#6dbbc1
```
#6dbbc1 rgb(109,187,193)
```
#7bc1c7
```
#7bc1c7 rgb(123,193,199)
```
#89c8cd
```
#89c8cd rgb(137,200,205)
```
#96ced3
```
#96ced3 rgb(150,206,211)
```
#a4d5d9
```
#a4d5d9 rgb(164,213,217)
```
#b2dbde
```
#b2dbde rgb(178,219,222)
```
#c0e2e4
```
#c0e2e4 rgb(192,226,228)
```
#cee8ea
```
#cee8ea rgb(206,232,234)
```
#dbeef0
```
#dbeef0 rgb(219,238,240)
```
#e9f5f6
```
#e9f5f6 rgb(233,245,246)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

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

#515454
```
#515454 rgb(81,84,84)
```
#4a595b
```
#4a595b rgb(74,89,91)
```
#445f61
```
#445f61 rgb(68,95,97)
```
#3e6467
```
#3e6467 rgb(62,100,103)
```
#376a6e
```
#376a6e rgb(55,106,110)
```
#316f74
```
#316f74 rgb(49,111,116)
```
#2b747a
```
#2b747a rgb(43,116,122)
```
#247a81
```
#247a81 rgb(36,122,129)
```
#1e7f87
```
#1e7f87 rgb(30,127,135)
```
#18858d
```
#18858d rgb(24,133,141)
```
#118a94
```
#118a94 rgb(17,138,148)
```
#0b8f9a
```
#0b8f9a rgb(11,143,154)
```
#0595a0
```
#0595a0 rgb(5,149,160)
```

Tone Color Variation

Below, you can see how #316f74 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
#546162 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6d75 Protanopia 1% of men
#6f6b7f Deuteranopia 1% of men
#3d757e Tritanopia 0.001% of the population

Trichromacy

#576d75 Protanomaly 1% of men, 0.01% of women
#586c7b Deuteranomaly 6% of men, 0.4% of women
#38737a Tritanomaly 0.01% of the population

#316f74 hex color

#316f74 Color Information

#316f74 Color Conversion

Color Schemes with #316f74

Alternatives to #316f74

#316f74 Preview

Shades and Tints of #316f74

Tones of #316f74

Color Blindness Simulator