#316454 hex color

In a RGB color space, hex #316454 is composed of 19.2% red, 39.2% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 0% magenta, 16% yellow and 60.8% black. It has a hue angle of 161.2 degrees, a saturation of 34.2% and a lightness of 29.2%. #316454 color hex could be obtained by blending #62c8a8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 39
- B 33
RGB color chart
- C 51
- M 0
- Y 16
- K 61
CMYK color chart

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

The hexadecimal color #316454 has RGB values of R:49, G:100, B:84 and CMYK values of C:0.51, M:0, Y:0.16, K:0.61. Its decimal value is 3236948.

Hex triplet	316454	`#316454`
RGB Decimal	49, 100, 84	`rgb(49,100,84)`
RGB Percent	19.2, 39.2, 32.9	`rgb(19.2%,39.2%,32.9%)`
CMYK	51, 0, 16, 61
HSL	161.2°, 34.2, 29.2	`hsl(161.2,34.2%,29.2%)`
HSV (or HSB)	161.2°, 51, 39.2
Web Safe	336666	`#336666`

CIE-LAB	38.563, -21.458, 3.825
XYZ	7.424, 10.407, 10.005
xyY	0.267, 0.374, 10.407
CIE-LCH	38.563, 21.796, 169.892
CIE-LUV	38.563, -22.266, 7.823
Hunter-Lab	32.26, -15.379, 4.194
Binary	00110001, 01100100, 01010100

#316454
```
#316454 rgb(49,100,84)
```
#643141
```
#643141 rgb(100,49,65)
```

Complementary Color

#31643b
```
#31643b rgb(49,100,59)
```
#316454
```
#316454 rgb(49,100,84)
```
#315b64
```
#315b64 rgb(49,91,100)
```

Analogous Color

#643b31
```
#643b31 rgb(100,59,49)
```
#316454
```
#316454 rgb(49,100,84)
```
#64315b
```
#64315b rgb(100,49,91)
```

Split Complementary Color

#645431
```
#645431 rgb(100,84,49)
```
#316454
```
#316454 rgb(49,100,84)
```
#543164
```
#543164 rgb(84,49,100)
```

Triadic Color

#416431
```
#416431 rgb(65,100,49)
```
#316454
```
#316454 rgb(49,100,84)
```
#543164
```
#543164 rgb(84,49,100)
```
#643141
```
#643141 rgb(100,49,65)
```

Tetradic Color

#183129
```
#183129 rgb(24,49,41)
```
#204237
```
#204237 rgb(32,66,55)
```
#295346
```
#295346 rgb(41,83,70)
```
#316454
```
#316454 rgb(49,100,84)
```
#397562
```
#397562 rgb(57,117,98)
```
#428671
```
#428671 rgb(66,134,113)
```
#4a977f
```
#4a977f rgb(74,151,127)
```

Monochromatic Color

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

#316447
```
#316447 rgb(49,100,71)
```
#31644c
```
#31644c rgb(49,100,76)
```
#316450
```
#316450 rgb(49,100,80)
```
#316454
```
#316454 rgb(49,100,84)
```
#316458
```
#316458 rgb(49,100,88)
```
#31645d
```
#31645d rgb(49,100,93)
```
#316461
```
#316461 rgb(49,100,97)
```

Similar Colors

Text with hexadecimal color #316454

This text has a font color of #316454.

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

#316454 background color

This paragraph has a background color of #316454.

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

#316454 border color

This element has a border color of #316454.

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

CSS codes

.text {color:#316454;}

.background {background-color:#316454;}

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

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

#040807
```
#040807 rgb(4,8,7)
```
#0a1512
```
#0a1512 rgb(10,21,18)
```
#11221d
```
#11221d rgb(17,34,29)
```
#172f28
```
#172f28 rgb(23,47,40)
```
#1e3d33
```
#1e3d33 rgb(30,61,51)
```
#244a3e
```
#244a3e rgb(36,74,62)
```
#2b5749
```
#2b5749 rgb(43,87,73)
```
#316454
```
#316454 rgb(49,100,84)
```
#37715f
```
#37715f rgb(55,113,95)
```
#3e7e6a
```
#3e7e6a rgb(62,126,106)
```
#448b75
```
#448b75 rgb(68,139,117)
```
#4b9980
```
#4b9980 rgb(75,153,128)
```
#51a68b
```
#51a68b rgb(81,166,139)
```

Shade Color Variation

#5caf95
```
#5caf95 rgb(92,175,149)
```
#69b59d
```
#69b59d rgb(105,181,157)
```
#76bca6
```
#76bca6 rgb(118,188,166)
```
#83c2af
```
#83c2af rgb(131,194,175)
```
#90c9b7
```
#90c9b7 rgb(144,201,183)
```
#9ecfc0
```
#9ecfc0 rgb(158,207,192)
```
#abd6c8
```
#abd6c8 rgb(171,214,200)
```
#b8dcd1
```
#b8dcd1 rgb(184,220,209)
```
#c5e3d9
```
#c5e3d9 rgb(197,227,217)
```
#d2e9e2
```
#d2e9e2 rgb(210,233,226)
```
#dfefea
```
#dfefea rgb(223,239,234)
```
#edf6f3
```
#edf6f3 rgb(237,246,243)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#484d4b
```
#484d4b rgb(72,77,75)
```
#42534e
```
#42534e rgb(66,83,78)
```
#3c5950
```
#3c5950 rgb(60,89,80)
```
#375e52
```
#375e52 rgb(55,94,82)
```
#316454
```
#316454 rgb(49,100,84)
```
#2b6a56
```
#2b6a56 rgb(43,106,86)
```
#266f58
```
#266f58 rgb(38,111,88)
```
#20755a
```
#20755a rgb(32,117,90)
```
#1a7b5d
```
#1a7b5d rgb(26,123,93)
```
#14815f
```
#14815f rgb(20,129,95)
```
#0f8661
```
#0f8661 rgb(15,134,97)
```
#098c63
```
#098c63 rgb(9,140,99)
```
#039265
```
#039265 rgb(3,146,101)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4c5653 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676358 Protanopia 1% of men
#6d6060 Deuteranopia 1% of men
#426970 Tritanopia 0.001% of the population

Trichromacy

#536356 Protanomaly 1% of men, 0.01% of women
#57615c Deuteranomaly 6% of men, 0.4% of women
#3c6766 Tritanomaly 0.01% of the population

#316454 hex color

#316454 Color Information

#316454 Color Conversion

Color Schemes with #316454

Alternatives to #316454

#316454 Preview

Shades and Tints of #316454

Tones of #316454

Color Blindness Simulator