#31a3bd Color Information
In a RGB color space, hex #31a3bd is composed of 19.2% red, 63.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 13.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 191.1 degrees, a saturation of 58.8% and a lightness of 46.7%. #31a3bd color hex could be obtained by blending #62ffff with #00477b. Closest websafe color is: #3399cc.
-
- R 19
- G 64
- B 74
-
- C 74
- M 14
- Y 0
- K 26
● #31a3bd color description : Moderate cyan.
#31a3bd Color Conversion
The hexadecimal color #31a3bd has RGB values of R:49, G:163, B:189 and CMYK values of C:0.74, M:0.14, Y:0, K:0.26. Its decimal value is 3253181.
Hex triplet | 31a3bd | #31a3bd |
---|---|---|
RGB Decimal | 49, 163, 189 | rgb(49,163,189) |
RGB Percent | 19.2, 63.9, 74.1 | rgb(19.2%,63.9%,74.1%) |
CMYK | 74, 14, 0, 26 | |
HSL | 191.1°, 58.8, 46.7 | hsl(191.1,58.8%,46.7%) |
HSV (or HSB) | 191.1°, 74.1, 74.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.1, -22.61, -22.465 |
---|---|
XYZ | 23.547, 30.519, 52.791 |
xyY | 0.22, 0.286, 30.519 |
CIE-LCH | 62.1, 31.873, 224.815 |
CIE-LUV | 62.1, -40.855, -31.455 |
Hunter-Lab | 55.244, -20.596, -17.986 |
Binary | 00110001, 10100011, 10111101 |
Color Schemes with #31a3bd
Alternatives to #31a3bd
Below, you can see some colors close to #31a3bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31a3bd Preview
This text has a font color of #31a3bd.
<span style="color:#31a3bd;">Text here</span>
This paragraph has a background color of #31a3bd.
<p style="background-color:#31a3bd;">Content here</p>
This element has a border color of #31a3bd.
<div style="border:1px solid #31a3bd;">Content here</div>
.text {color:#31a3bd;}
.background {background-color:#31a3bd;}
.border {border:1px solid #31a3bd;}
Shades and Tints of #31a3bd
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)
-
#0d2a31
#0d2a31
rgb(13,42,49)
-
#113840
#113840
rgb(17,56,64)
-
#154550
#154550
rgb(21,69,80)
-
#195260
#195260
rgb(25,82,96)
-
#1d606f
#1d606f
rgb(29,96,111)
-
#216d7f
#216d7f
rgb(33,109,127)
-
#257b8e
#257b8e
rgb(37,123,142)
-
#29889e
#29889e
rgb(41,136,158)
-
#2d96ad
#2d96ad
rgb(45,150,173)
-
#31a3bd
#31a3bd
rgb(49,163,189)
-
#37afcb
#37afcb
rgb(55,175,203)
-
#46b6cf
#46b6cf
rgb(70,182,207)
-
#56bcd3
#56bcd3
rgb(86,188,211)
-
#65c2d7
#65c2d7
rgb(101,194,215)
-
#75c8db
#75c8db
rgb(117,200,219)
-
#84cedf
#84cedf
rgb(132,206,223)
-
#94d5e3
#94d5e3
rgb(148,213,227)
-
#a4dbe7
#a4dbe7
rgb(164,219,231)
-
#b3e1eb
#b3e1eb
rgb(179,225,235)
-
#c3e7ef
#c3e7ef
rgb(195,231,239)
-
#d2edf3
#d2edf3
rgb(210,237,243)
-
#e2f3f7
#e2f3f7
rgb(226,243,247)
-
#f2fafc
#f2fafc
rgb(242,250,252)
Tones of #31a3bd
A tone is produced by adding gray to any pure hue. In this case, #717b7d is the less saturated color, while #03c0eb is the most saturated one.
-
#717b7d
#717b7d
rgb(113,123,125)
-
#688086
#688086
rgb(104,128,134)
-
#5f868f
#5f868f
rgb(95,134,143)
-
#568c98
#568c98
rgb(86,140,152)
-
#4c92a2
#4c92a2
rgb(76,146,162)
-
#4397ab
#4397ab
rgb(67,151,171)
-
#3a9db4
#3a9db4
rgb(58,157,180)
-
#31a3bd
#31a3bd
rgb(49,163,189)
-
#28a9c6
#28a9c6
rgb(40,169,198)
-
#1fafcf
#1fafcf
rgb(31,175,207)
-
#16b4d8
#16b4d8
rgb(22,180,216)
-
#0cbae2
#0cbae2
rgb(12,186,226)
-
#03c0eb
#03c0eb
rgb(3,192,235)
Color Blindness Simulator
Below, you can see how #31a3bd 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.