#31a5bc Color Information
In a RGB color space, hex #31a5bc is composed of 19.2% red, 64.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 12.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 189.9 degrees, a saturation of 58.6% and a lightness of 46.5%. #31a5bc color hex could be obtained by blending #62ffff with #004b79. Closest websafe color is: #3399cc.
-
- R 19
- G 65
- B 74
-
- C 74
- M 12
- Y 0
- K 26
● #31a5bc color description : Moderate cyan.
#31a5bc Color Conversion
The hexadecimal color #31a5bc has RGB values of R:49, G:165, B:188 and CMYK values of C:0.74, M:0.12, Y:0, K:0.26. Its decimal value is 3253692.
Hex triplet | 31a5bc | #31a5bc |
---|---|---|
RGB Decimal | 49, 165, 188 | rgb(49,165,188) |
RGB Percent | 19.2, 64.7, 73.7 | rgb(19.2%,64.7%,73.7%) |
CMYK | 74, 12, 0, 26 | |
HSL | 189.9°, 58.6, 46.5 | hsl(189.9,58.6%,46.5%) |
HSV (or HSB) | 189.9°, 73.9, 73.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.669, -23.959, -21.035 |
---|---|
XYZ | 23.796, 31.192, 52.341 |
xyY | 0.222, 0.291, 31.192 |
CIE-LCH | 62.669, 31.882, 221.281 |
CIE-LUV | 62.669, -41.637, -28.988 |
Hunter-Lab | 55.85, -21.682, -16.47 |
Binary | 00110001, 10100101, 10111100 |
Color Schemes with #31a5bc
Alternatives to #31a5bc
Below, you can see some colors close to #31a5bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31a5bc Preview
This text has a font color of #31a5bc.
<span style="color:#31a5bc;">Text here</span>
This paragraph has a background color of #31a5bc.
<p style="background-color:#31a5bc;">Content here</p>
This element has a border color of #31a5bc.
<div style="border:1px solid #31a5bc;">Content here</div>
.text {color:#31a5bc;}
.background {background-color:#31a5bc;}
.border {border:1px solid #31a5bc;}
Shades and Tints of #31a5bc
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, #000101 is the darkest color, while #f1fafb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#040f11
#040f11
rgb(4,15,17)
-
#081c20
#081c20
rgb(8,28,32)
-
#0d2a30
#0d2a30
rgb(13,42,48)
-
#113840
#113840
rgb(17,56,64)
-
#15454f
#15454f
rgb(21,69,79)
-
#19535f
#19535f
rgb(25,83,95)
-
#1d616e
#1d616e
rgb(29,97,110)
-
#216e7e
#216e7e
rgb(33,110,126)
-
#257c8d
#257c8d
rgb(37,124,141)
-
#298a9d
#298a9d
rgb(41,138,157)
-
#2d97ac
#2d97ac
rgb(45,151,172)
-
#31a5bc
#31a5bc
rgb(49,165,188)
-
#36b2cb
#36b2cb
rgb(54,178,203)
-
#46b8cf
#46b8cf
rgb(70,184,207)
-
#55bed3
#55bed3
rgb(85,190,211)
-
#65c4d7
#65c4d7
rgb(101,196,215)
-
#74cadb
#74cadb
rgb(116,202,219)
-
#84d0df
#84d0df
rgb(132,208,223)
-
#93d6e3
#93d6e3
rgb(147,214,227)
-
#a3dce7
#a3dce7
rgb(163,220,231)
-
#b2e2eb
#b2e2eb
rgb(178,226,235)
-
#c2e8ef
#c2e8ef
rgb(194,232,239)
-
#d2eef3
#d2eef3
rgb(210,238,243)
-
#e1f4f7
#e1f4f7
rgb(225,244,247)
-
#f1fafb
#f1fafb
rgb(241,250,251)
Tones of #31a5bc
A tone is produced by adding gray to any pure hue. In this case, #717a7c is the less saturated color, while #03c3ea is the most saturated one.
-
#717a7c
#717a7c
rgb(113,122,124)
-
#688085
#688085
rgb(104,128,133)
-
#5f878e
#5f878e
rgb(95,135,142)
-
#558d98
#558d98
rgb(85,141,152)
-
#4c93a1
#4c93a1
rgb(76,147,161)
-
#4399aa
#4399aa
rgb(67,153,170)
-
#3a9fb3
#3a9fb3
rgb(58,159,179)
-
#31a5bc
#31a5bc
rgb(49,165,188)
-
#28abc5
#28abc5
rgb(40,171,197)
-
#1fb1ce
#1fb1ce
rgb(31,177,206)
-
#16b7d7
#16b7d7
rgb(22,183,215)
-
#0dbde0
#0dbde0
rgb(13,189,224)
-
#03c3ea
#03c3ea
rgb(3,195,234)
Color Blindness Simulator
Below, you can see how #31a5bc 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.