#31a5bd Color Information
In a RGB color space, hex #31a5bd is composed of 19.2% red, 64.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 12.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 190.3 degrees, a saturation of 58.8% and a lightness of 46.7%. #31a5bd color hex could be obtained by blending #62ffff with #004b7b. Closest websafe color is: #3399cc.
-
- R 19
- G 65
- B 74
-
- C 74
- M 13
- Y 0
- K 26
● #31a5bd color description : Moderate cyan.
#31a5bd Color Conversion
The hexadecimal color #31a5bd has RGB values of R:49, G:165, B:189 and CMYK values of C:0.74, M:0.13, Y:0, K:0.26. Its decimal value is 3253693.
Hex triplet | 31a5bd | #31a5bd |
---|---|---|
RGB Decimal | 49, 165, 189 | rgb(49,165,189) |
RGB Percent | 19.2, 64.7, 74.1 | rgb(19.2%,64.7%,74.1%) |
CMYK | 74, 13, 0, 26 | |
HSL | 190.3°, 58.8, 46.7 | hsl(190.3,58.8%,46.7%) |
HSV (or HSB) | 190.3°, 74.1, 74.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.706, -23.639, -21.538 |
---|---|
XYZ | 23.905, 31.235, 52.91 |
xyY | 0.221, 0.289, 31.235 |
CIE-LCH | 62.706, 31.98, 222.338 |
CIE-LUV | 62.706, -41.572, -29.853 |
Hunter-Lab | 55.888, -21.457, -17.009 |
Binary | 00110001, 10100101, 10111101 |
Color Schemes with #31a5bd
Alternatives to #31a5bd
Below, you can see some colors close to #31a5bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31a5bd Preview
This text has a font color of #31a5bd.
<span style="color:#31a5bd;">Text here</span>
This paragraph has a background color of #31a5bd.
<p style="background-color:#31a5bd;">Content here</p>
This element has a border color of #31a5bd.
<div style="border:1px solid #31a5bd;">Content here</div>
.text {color:#31a5bd;}
.background {background-color:#31a5bd;}
.border {border:1px solid #31a5bd;}
Shades and Tints of #31a5bd
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, #010202 is the darkest color, while #f2fafc is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#050f12
#050f12
rgb(5,15,18)
-
#091d21
#091d21
rgb(9,29,33)
-
#0d2b31
#0d2b31
rgb(13,43,49)
-
#113840
#113840
rgb(17,56,64)
-
#154650
#154650
rgb(21,70,80)
-
#195360
#195360
rgb(25,83,96)
-
#1d616f
#1d616f
rgb(29,97,111)
-
#216f7f
#216f7f
rgb(33,111,127)
-
#257c8e
#257c8e
rgb(37,124,142)
-
#298a9e
#298a9e
rgb(41,138,158)
-
#2d97ad
#2d97ad
rgb(45,151,173)
-
#31a5bd
#31a5bd
rgb(49,165,189)
-
#37b2cb
#37b2cb
rgb(55,178,203)
-
#46b8cf
#46b8cf
rgb(70,184,207)
-
#56bed3
#56bed3
rgb(86,190,211)
-
#65c4d7
#65c4d7
rgb(101,196,215)
-
#75cadb
#75cadb
rgb(117,202,219)
-
#84d0df
#84d0df
rgb(132,208,223)
-
#94d6e3
#94d6e3
rgb(148,214,227)
-
#a4dce7
#a4dce7
rgb(164,220,231)
-
#b3e2eb
#b3e2eb
rgb(179,226,235)
-
#c3e8ef
#c3e8ef
rgb(195,232,239)
-
#d2eef3
#d2eef3
rgb(210,238,243)
-
#e2f4f7
#e2f4f7
rgb(226,244,247)
-
#f2fafc
#f2fafc
rgb(242,250,252)
Tones of #31a5bd
A tone is produced by adding gray to any pure hue. In this case, #717b7d is the less saturated color, while #03c3eb is the most saturated one.
-
#717b7d
#717b7d
rgb(113,123,125)
-
#688186
#688186
rgb(104,129,134)
-
#5f878f
#5f878f
rgb(95,135,143)
-
#568d98
#568d98
rgb(86,141,152)
-
#4c93a2
#4c93a2
rgb(76,147,162)
-
#4399ab
#4399ab
rgb(67,153,171)
-
#3a9fb4
#3a9fb4
rgb(58,159,180)
-
#31a5bd
#31a5bd
rgb(49,165,189)
-
#28abc6
#28abc6
rgb(40,171,198)
-
#1fb1cf
#1fb1cf
rgb(31,177,207)
-
#16b7d8
#16b7d8
rgb(22,183,216)
-
#0cbde2
#0cbde2
rgb(12,189,226)
-
#03c3eb
#03c3eb
rgb(3,195,235)
Color Blindness Simulator
Below, you can see how #31a5bd 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.