#31554f Color Information
In a RGB color space, hex #31554f is composed of 19.2% red, 33.3% green and 31% blue. Whereas in a CMYK color space, it is composed of 42.4% cyan, 0% magenta, 7.1% yellow and 66.7% black. It has a hue angle of 170 degrees, a saturation of 26.9% and a lightness of 26.3%. #31554f color hex could be obtained by blending #62aa9e with #000000. Closest websafe color is: #336666.
-
- R 19
- G 33
- B 31
-
- C 42
- M 0
- Y 7
- K 67
● #31554f color description : Very dark desaturated cyan.
#31554f Color Conversion
The hexadecimal color #31554f has RGB values of R:49, G:85, B:79 and CMYK values of C:0.42, M:0, Y:0.07, K:0.67. Its decimal value is 3233103.
Hex triplet | 31554f | #31554f |
---|---|---|
RGB Decimal | 49, 85, 79 | rgb(49,85,79) |
RGB Percent | 19.2, 33.3, 31 | rgb(19.2%,33.3%,31%) |
CMYK | 42, 0, 7, 67 | |
HSL | 170°, 26.9, 26.3 | hsl(170,26.9%,26.3%) |
HSV (or HSB) | 170°, 42.4, 33.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 33.38, -14.582, -0.584 |
---|---|
XYZ | 5.926, 7.714, 8.573 |
xyY | 0.267, 0.347, 7.714 |
CIE-LCH | 33.38, 14.594, 182.293 |
CIE-LUV | 33.38, -16.047, 1.219 |
Hunter-Lab | 27.774, -10.52, 1.14 |
Binary | 00110001, 01010101, 01001111 |
Color Schemes with #31554f
Alternatives to #31554f
Below, you can see some colors close to #31554f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31554f Preview
This text has a font color of #31554f.
<span style="color:#31554f;">Text here</span>
This paragraph has a background color of #31554f.
<p style="background-color:#31554f;">Content here</p>
This element has a border color of #31554f.
<div style="border:1px solid #31554f;">Content here</div>
.text {color:#31554f;}
.background {background-color:#31554f;}
.border {border:1px solid #31554f;}
Shades and Tints of #31554f
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, #060a0a is the darkest color, while #fdfefe is the lightest one.
-
#060a0a
#060a0a
rgb(6,10,10)
-
#0d1715
#0d1715
rgb(13,23,21)
-
#142321
#142321
rgb(20,35,33)
-
#1b302c
#1b302c
rgb(27,48,44)
-
#233c38
#233c38
rgb(35,60,56)
-
#2a4943
#2a4943
rgb(42,73,67)
-
#31554f
#31554f
rgb(49,85,79)
-
#38615b
#38615b
rgb(56,97,91)
-
#3f6e66
#3f6e66
rgb(63,110,102)
-
#477a72
#477a72
rgb(71,122,114)
-
#4e877d
#4e877d
rgb(78,135,125)
-
#559389
#559389
rgb(85,147,137)
-
#5ca094
#5ca094
rgb(92,160,148)
-
#68a89d
#68a89d
rgb(104,168,157)
-
#74afa5
#74afa5
rgb(116,175,165)
-
#80b6ad
#80b6ad
rgb(128,182,173)
-
#8dbdb5
#8dbdb5
rgb(141,189,181)
-
#99c4bd
#99c4bd
rgb(153,196,189)
-
#a6ccc5
#a6ccc5
rgb(166,204,197)
-
#b2d3cd
#b2d3cd
rgb(178,211,205)
-
#bfdad5
#bfdad5
rgb(191,218,213)
-
#cbe1dd
#cbe1dd
rgb(203,225,221)
-
#d8e8e5
#d8e8e5
rgb(216,232,229)
-
#e4efee
#e4efee
rgb(228,239,238)
-
#f0f7f6
#f0f7f6
rgb(240,247,246)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #31554f
A tone is produced by adding gray to any pure hue. In this case, #404645 is the less saturated color, while #03836e is the most saturated one.
-
#404645
#404645
rgb(64,70,69)
-
#3b4b48
#3b4b48
rgb(59,75,72)
-
#36504c
#36504c
rgb(54,80,76)
-
#31554f
#31554f
rgb(49,85,79)
-
#2c5a52
#2c5a52
rgb(44,90,82)
-
#275f56
#275f56
rgb(39,95,86)
-
#226459
#226459
rgb(34,100,89)
-
#1c6a5d
#1c6a5d
rgb(28,106,93)
-
#176f60
#176f60
rgb(23,111,96)
-
#127464
#127464
rgb(18,116,100)
-
#0d7967
#0d7967
rgb(13,121,103)
-
#087e6a
#087e6a
rgb(8,126,106)
-
#03836e
#03836e
rgb(3,131,110)
Color Blindness Simulator
Below, you can see how #31554f 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.