#31b4cd Color Information
In a RGB color space, hex #31b4cd is composed of 19.2% red, 70.6% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 12.2% magenta, 0% yellow and 19.6% black. It has a hue angle of 189.6 degrees, a saturation of 61.4% and a lightness of 49.8%. #31b4cd color hex could be obtained by blending #62ffff with #00699b. Closest websafe color is: #33cccc.
-
- R 19
- G 71
- B 80
-
- C 76
- M 12
- Y 0
- K 20
● #31b4cd color description : Strong cyan.
#31b4cd Color Conversion
The hexadecimal color #31b4cd has RGB values of R:49, G:180, B:205 and CMYK values of C:0.76, M:0.12, Y:0, K:0.2. Its decimal value is 3257549.
Hex triplet | 31b4cd | #31b4cd |
---|---|---|
RGB Decimal | 49, 180, 205 | rgb(49,180,205) |
RGB Percent | 19.2, 70.6, 80.4 | rgb(19.2%,70.6%,80.4%) |
CMYK | 76, 12, 0, 20 | |
HSL | 189.6°, 61.4, 49.8 | hsl(189.6,61.4%,49.8%) |
HSV (or HSB) | 189.6°, 76.1, 80.4 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 67.799, -26.135, -22.636 |
---|---|
XYZ | 28.604, 37.701, 63.524 |
xyY | 0.22, 0.29, 37.701 |
CIE-LCH | 67.799, 34.575, 220.896 |
CIE-LUV | 67.799, -45.856, -31.665 |
Hunter-Lab | 61.401, -24.295, -18.359 |
Binary | 00110001, 10110100, 11001101 |
Color Schemes with #31b4cd
Alternatives to #31b4cd
Below, you can see some colors close to #31b4cd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31b4cd Preview
This text has a font color of #31b4cd.
<span style="color:#31b4cd;">Text here</span>
This paragraph has a background color of #31b4cd.
<p style="background-color:#31b4cd;">Content here</p>
This element has a border color of #31b4cd.
<div style="border:1px solid #31b4cd;">Content here</div>
.text {color:#31b4cd;}
.background {background-color:#31b4cd;}
.border {border:1px solid #31b4cd;}
Shades and Tints of #31b4cd
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, #040d0f is the darkest color, while #feffff is the lightest one.
-
#040d0f
#040d0f
rgb(4,13,15)
-
#071b1f
#071b1f
rgb(7,27,31)
-
#0b292f
#0b292f
rgb(11,41,47)
-
#0f373f
#0f373f
rgb(15,55,63)
-
#13454e
#13454e
rgb(19,69,78)
-
#17535e
#17535e
rgb(23,83,94)
-
#1a616e
#1a616e
rgb(26,97,110)
-
#1e6e7e
#1e6e7e
rgb(30,110,126)
-
#227c8e
#227c8e
rgb(34,124,142)
-
#268a9e
#268a9e
rgb(38,138,158)
-
#2998ad
#2998ad
rgb(41,152,173)
-
#2da6bd
#2da6bd
rgb(45,166,189)
-
#31b4cd
#31b4cd
rgb(49,180,205)
-
#40bad1
#40bad1
rgb(64,186,209)
-
#50c0d5
#50c0d5
rgb(80,192,213)
-
#60c6d9
#60c6d9
rgb(96,198,217)
-
#70cbdd
#70cbdd
rgb(112,203,221)
-
#80d1e1
#80d1e1
rgb(128,209,225)
-
#8fd7e4
#8fd7e4
rgb(143,215,228)
-
#9fdce8
#9fdce8
rgb(159,220,232)
-
#afe2ec
#afe2ec
rgb(175,226,236)
-
#bfe8f0
#bfe8f0
rgb(191,232,240)
-
#cfeef3
#cfeef3
rgb(207,238,243)
-
#dff3f7
#dff3f7
rgb(223,243,247)
-
#eef9fb
#eef9fb
rgb(238,249,251)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #31b4cd
A tone is produced by adding gray to any pure hue. In this case, #758689 is the less saturated color, while #00d5fe is the most saturated one.
-
#758689
#758689
rgb(117,134,137)
-
#6c8c92
#6c8c92
rgb(108,140,146)
-
#62939c
#62939c
rgb(98,147,156)
-
#5899a6
#5899a6
rgb(88,153,166)
-
#4ea0b0
#4ea0b0
rgb(78,160,176)
-
#45a7b9
#45a7b9
rgb(69,167,185)
-
#3badc3
#3badc3
rgb(59,173,195)
-
#31b4cd
#31b4cd
rgb(49,180,205)
-
#27bbd7
#27bbd7
rgb(39,187,215)
-
#1dc1e1
#1dc1e1
rgb(29,193,225)
-
#14c8ea
#14c8ea
rgb(20,200,234)
-
#0acff4
#0acff4
rgb(10,207,244)
-
#00d5fe
#00d5fe
rgb(0,213,254)
Color Blindness Simulator
Below, you can see how #31b4cd 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.