colorhexa.com

#316354 hex color

In a RGB color space, hex #316354 is composed of 19.2% red, 38.8% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 0% magenta, 15.2% yellow and 61.2% black. It has a hue angle of 162 degrees, a saturation of 33.8% and a lightness of 29%. #316354 color hex could be obtained by blending #62c6a8 with #000000. Closest websafe color is: #336666.

- R 19
- G 39
- B 33
RGB color chart
- C 51
- M 0
- Y 15
- K 61
CMYK color chart

● #316354 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #316354 has RGB values of R:49, G:99, B:84 and CMYK values of C:0.51, M:0, Y:0.15, K:0.61. Its decimal value is 3236692.

Hex triplet	316354	`#316354`
RGB Decimal	49, 99, 84	`rgb(49,99,84)`
RGB Percent	19.2, 38.8, 32.9	`rgb(19.2%,38.8%,32.9%)`
CMYK	51, 0, 15, 61
HSL	162°, 33.8, 29	`hsl(162,33.8%,29%)`
HSV (or HSB)	162°, 50.5, 38.8
Web Safe	336666	`#336666`

CIE-LAB	38.228, -20.932, 3.343
XYZ	7.328, 10.216, 9.973
xyY	0.266, 0.371, 10.216
CIE-LCH	38.228, 21.197, 170.927
CIE-LUV	38.228, -21.846, 7.129
Hunter-Lab	31.963, -15.01, 3.875
Binary	00110001, 01100011, 01010100

#316354
```
#316354 rgb(49,99,84)
```
#633140
```
#633140 rgb(99,49,64)
```

Complementary Color

#31633b
```
#31633b rgb(49,99,59)
```
#316354
```
#316354 rgb(49,99,84)
```
#315963
```
#315963 rgb(49,89,99)
```

Analogous Color

#633b31
```
#633b31 rgb(99,59,49)
```
#316354
```
#316354 rgb(49,99,84)
```
#633159
```
#633159 rgb(99,49,89)
```

Split Complementary Color

#183029
```
#183029 rgb(24,48,41)
```
#204137
```
#204137 rgb(32,65,55)
```
#295246
```
#295246 rgb(41,82,70)
```
#316354
```
#316354 rgb(49,99,84)
```
#397462
```
#397462 rgb(57,116,98)
```
#428571
```
#428571 rgb(66,133,113)
```
#4a967f
```
#4a967f rgb(74,150,127)
```

Monochromatic Color

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

#316348
```
#316348 rgb(49,99,72)
```
#31634c
```
#31634c rgb(49,99,76)
```
#316350
```
#316350 rgb(49,99,80)
```
#316354
```
#316354 rgb(49,99,84)
```
#316358
```
#316358 rgb(49,99,88)
```
#31635c
```
#31635c rgb(49,99,92)
```
#316361
```
#316361 rgb(49,99,97)
```

Similar Colors

Text with hexadecimal color #316354

This text has a font color of #316354.

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

#316354 background color

This paragraph has a background color of #316354.

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

#316354 border color

This element has a border color of #316354.

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

CSS codes

.text {color:#316354;}

.background {background-color:#316354;}

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

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

#040706
```
#040706 rgb(4,7,6)
```
#0a1411
```
#0a1411 rgb(10,20,17)
```
#11211c
```
#11211c rgb(17,33,28)
```
#172f27
```
#172f27 rgb(23,47,39)
```
#1e3c33
```
#1e3c33 rgb(30,60,51)
```
#24493e
```
#24493e rgb(36,73,62)
```
#2b5649
```
#2b5649 rgb(43,86,73)
```
#316354
```
#316354 rgb(49,99,84)
```
#37705f
```
#37705f rgb(55,112,95)
```
#3e7d6a
```
#3e7d6a rgb(62,125,106)
```
#448a75
```
#448a75 rgb(68,138,117)
```
#4b9781
```
#4b9781 rgb(75,151,129)
```
#51a58c
```
#51a58c rgb(81,165,140)
```

Shade Color Variation

#5cae95
```
#5cae95 rgb(92,174,149)
```
#69b59e
```
#69b59e rgb(105,181,158)
```
#76bba6
```
#76bba6 rgb(118,187,166)
```
#83c2af
```
#83c2af rgb(131,194,175)
```
#90c8b7
```
#90c8b7 rgb(144,200,183)
```
#9dcfc0
```
#9dcfc0 rgb(157,207,192)
```
#aad5c8
```
#aad5c8 rgb(170,213,200)
```
#b7dcd1
```
#b7dcd1 rgb(183,220,209)
```
#c5e2d9
```
#c5e2d9 rgb(197,226,217)
```
#d2e9e2
```
#d2e9e2 rgb(210,233,226)
```
#dfefea
```
#dfefea rgb(223,239,234)
```
#ecf6f3
```
#ecf6f3 rgb(236,246,243)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

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

#484c4b
```
#484c4b rgb(72,76,75)
```
#42524d
```
#42524d rgb(66,82,77)
```
#3c584f
```
#3c584f rgb(60,88,79)
```
#375d52
```
#375d52 rgb(55,93,82)
```
#316354
```
#316354 rgb(49,99,84)
```
#2b6956
```
#2b6956 rgb(43,105,86)
```
#266e59
```
#266e59 rgb(38,110,89)
```
#20745b
```
#20745b rgb(32,116,91)
```
#1a7a5d
```
#1a7a5d rgb(26,122,93)
```
#157f5f
```
#157f5f rgb(21,127,95)
```
#0f8562
```
#0f8562 rgb(15,133,98)
```
#098b64
```
#098b64 rgb(9,139,100)
```
#039166
```
#039166 rgb(3,145,102)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b5552 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666258 Protanopia 1% of men
#6c5f60 Deuteranopia 1% of men
#42686f Tritanopia 0.001% of the population

Trichromacy

#536256 Protanomaly 1% of men, 0.01% of women
#56605c Deuteranomaly 6% of men, 0.4% of women
#3c6665 Tritanomaly 0.01% of the population