#31afbb Color Information
In a RGB color space, hex #31afbb is composed of 19.2% red, 68.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 6.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 185.2 degrees, a saturation of 58.5% and a lightness of 46.3%. #31afbb color hex could be obtained by blending #62ffff with #005f77. Closest websafe color is: #3399cc.
-
- R 19
- G 69
- B 73
-
- C 74
- M 6
- Y 0
- K 27
● #31afbb color description : Moderate cyan.
#31afbb Color Conversion
The hexadecimal color #31afbb has RGB values of R:49, G:175, B:187 and CMYK values of C:0.74, M:0.06, Y:0, K:0.27. Its decimal value is 3256251.
Hex triplet | 31afbb | #31afbb |
---|---|---|
RGB Decimal | 49, 175, 187 | rgb(49,175,187) |
RGB Percent | 19.2, 68.6, 73.3 | rgb(19.2%,68.6%,73.3%) |
CMYK | 74, 6, 0, 27 | |
HSL | 185.2°, 58.5, 46.3 | hsl(185.2,58.5%,46.3%) |
HSV (or HSB) | 185.2°, 73.8, 73.3 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.67, -29.275, -15.921 |
---|---|
XYZ | 25.564, 34.898, 52.4 |
xyY | 0.227, 0.309, 34.898 |
CIE-LCH | 65.67, 33.324, 208.539 |
CIE-LUV | 65.67, -45.291, -20.153 |
Hunter-Lab | 59.075, -26.138, -11.238 |
Binary | 00110001, 10101111, 10111011 |
Color Schemes with #31afbb
Alternatives to #31afbb
Below, you can see some colors close to #31afbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31afbb Preview
This text has a font color of #31afbb.
<span style="color:#31afbb;">Text here</span>
This paragraph has a background color of #31afbb.
<p style="background-color:#31afbb;">Content here</p>
This element has a border color of #31afbb.
<div style="border:1px solid #31afbb;">Content here</div>
.text {color:#31afbb;}
.background {background-color:#31afbb;}
.border {border:1px solid #31afbb;}
Shades and Tints of #31afbb
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, #000000 is the darkest color, while #f0fafb is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#040f10
#040f10
rgb(4,15,16)
-
#081e20
#081e20
rgb(8,30,32)
-
#0c2c2f
#0c2c2f
rgb(12,44,47)
-
#103b3f
#103b3f
rgb(16,59,63)
-
#14494e
#14494e
rgb(20,73,78)
-
#19585e
#19585e
rgb(25,88,94)
-
#1d666d
#1d666d
rgb(29,102,109)
-
#21757d
#21757d
rgb(33,117,125)
-
#25838c
#25838c
rgb(37,131,140)
-
#29929c
#29929c
rgb(41,146,156)
-
#2da0ab
#2da0ab
rgb(45,160,171)
-
#31afbb
#31afbb
rgb(49,175,187)
-
#35bdca
#35bdca
rgb(53,189,202)
-
#45c2ce
#45c2ce
rgb(69,194,206)
-
#55c7d2
#55c7d2
rgb(85,199,210)
-
#64ccd6
#64ccd6
rgb(100,204,214)
-
#74d2da
#74d2da
rgb(116,210,218)
-
#83d7df
#83d7df
rgb(131,215,223)
-
#93dce3
#93dce3
rgb(147,220,227)
-
#a2e1e7
#a2e1e7
rgb(162,225,231)
-
#b2e6eb
#b2e6eb
rgb(178,230,235)
-
#c1ebef
#c1ebef
rgb(193,235,239)
-
#d1f0f3
#d1f0f3
rgb(209,240,243)
-
#e0f5f7
#e0f5f7
rgb(224,245,247)
-
#f0fafb
#f0fafb
rgb(240,250,251)
Tones of #31afbb
A tone is produced by adding gray to any pure hue. In this case, #717b7b is the less saturated color, while #04d4e8 is the most saturated one.
-
#717b7b
#717b7b
rgb(113,123,123)
-
#678285
#678285
rgb(103,130,133)
-
#5e8a8e
#5e8a8e
rgb(94,138,142)
-
#559197
#559197
rgb(85,145,151)
-
#4c99a0
#4c99a0
rgb(76,153,160)
-
#43a0a9
#43a0a9
rgb(67,160,169)
-
#3aa8b2
#3aa8b2
rgb(58,168,178)
-
#31afbb
#31afbb
rgb(49,175,187)
-
#28b6c4
#28b6c4
rgb(40,182,196)
-
#1fbecd
#1fbecd
rgb(31,190,205)
-
#16c5d6
#16c5d6
rgb(22,197,214)
-
#0dcddf
#0dcddf
rgb(13,205,223)
-
#04d4e8
#04d4e8
rgb(4,212,232)
Color Blindness Simulator
Below, you can see how #31afbb 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.