#31a669 Color Information
In a RGB color space, hex #31a669 is composed of 19.2% red, 65.1% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 0% magenta, 36.7% yellow and 34.9% black. It has a hue angle of 148.7 degrees, a saturation of 54.4% and a lightness of 42.2%. #31a669 color hex could be obtained by blending #62ffd2 with #004d00. Closest websafe color is: #339966.
-
- R 19
- G 65
- B 41
-
- C 70
- M 0
- Y 37
- K 35
● #31a669 color description : Dark cyan - lime green.
#31a669 Color Conversion
The hexadecimal color #31a669 has RGB values of R:49, G:166, B:105 and CMYK values of C:0.7, M:0, Y:0.37, K:0.35. Its decimal value is 3253865.
Hex triplet | 31a669 | #31a669 |
---|---|---|
RGB Decimal | 49, 166, 105 | rgb(49,166,105) |
RGB Percent | 19.2, 65.1, 41.2 | rgb(19.2%,65.1%,41.2%) |
CMYK | 70, 0, 37, 35 | |
HSL | 148.7°, 54.4, 42.2 | hsl(148.7,54.4%,42.2%) |
HSV (or HSB) | 148.7°, 70.5, 65.1 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 60.732, -46.556, 22.468 |
---|---|
XYZ | 17.451, 28.944, 18.031 |
xyY | 0.271, 0.449, 28.944 |
CIE-LCH | 60.732, 51.694, 154.238 |
CIE-LUV | 60.732, -47.215, 36.932 |
Hunter-Lab | 53.799, -36.247, 17.789 |
Binary | 00110001, 10100110, 01101001 |
Color Schemes with #31a669
Alternatives to #31a669
Below, you can see some colors close to #31a669. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31a669 Preview
This text has a font color of #31a669.
<span style="color:#31a669;">Text here</span>
This paragraph has a background color of #31a669.
<p style="background-color:#31a669;">Content here</p>
This element has a border color of #31a669.
<div style="border:1px solid #31a669;">Content here</div>
.text {color:#31a669;}
.background {background-color:#31a669;}
.border {border:1px solid #31a669;}
Shades and Tints of #31a669
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, #040f09 is the darkest color, while #feffff is the lightest one.
-
#040f09
#040f09
rgb(4,15,9)
-
#091e13
#091e13
rgb(9,30,19)
-
#0d2d1c
#0d2d1c
rgb(13,45,28)
-
#123c26
#123c26
rgb(18,60,38)
-
#164b30
#164b30
rgb(22,75,48)
-
#1b5a39
#1b5a39
rgb(27,90,57)
-
#1f6943
#1f6943
rgb(31,105,67)
-
#24794c
#24794c
rgb(36,121,76)
-
#288856
#288856
rgb(40,136,86)
-
#2d975f
#2d975f
rgb(45,151,95)
-
#31a669
#31a669
rgb(49,166,105)
-
#35b573
#35b573
rgb(53,181,115)
-
#3ac47c
#3ac47c
rgb(58,196,124)
-
#49c986
#49c986
rgb(73,201,134)
-
#58ce90
#58ce90
rgb(88,206,144)
-
#67d29a
#67d29a
rgb(103,210,154)
-
#76d7a4
#76d7a4
rgb(118,215,164)
-
#85dbae
#85dbae
rgb(133,219,174)
-
#94e0b8
#94e0b8
rgb(148,224,184)
-
#a4e4c2
#a4e4c2
rgb(164,228,194)
-
#b3e8cc
#b3e8cc
rgb(179,232,204)
-
#c2edd6
#c2edd6
rgb(194,237,214)
-
#d1f1e0
#d1f1e0
rgb(209,241,224)
-
#e0f6eb
#e0f6eb
rgb(224,246,235)
-
#effaf5
#effaf5
rgb(239,250,245)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #31a669
A tone is produced by adding gray to any pure hue. In this case, #6b6c6b is the less saturated color, while #08cf67 is the most saturated one.
-
#6b6c6b
#6b6c6b
rgb(107,108,107)
-
#63746b
#63746b
rgb(99,116,107)
-
#5a7d6b
#5a7d6b
rgb(90,125,107)
-
#52856a
#52856a
rgb(82,133,106)
-
#4a8d6a
#4a8d6a
rgb(74,141,106)
-
#42956a
#42956a
rgb(66,149,106)
-
#399e69
#399e69
rgb(57,158,105)
-
#31a669
#31a669
rgb(49,166,105)
-
#29ae69
#29ae69
rgb(41,174,105)
-
#20b768
#20b768
rgb(32,183,104)
-
#18bf68
#18bf68
rgb(24,191,104)
-
#10c768
#10c768
rgb(16,199,104)
-
#08cf67
#08cf67
rgb(8,207,103)
Color Blindness Simulator
Below, you can see how #31a669 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.