#31a4bc Color Information
In a RGB color space, hex #31a4bc is composed of 19.2% red, 64.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 12.8% magenta, 0% yellow and 26.3% black. It has a hue angle of 190.4 degrees, a saturation of 58.6% and a lightness of 46.5%. #31a4bc color hex could be obtained by blending #62ffff with #004979. Closest websafe color is: #3399cc.
-
- R 19
- G 64
- B 74
-
- C 74
- M 13
- Y 0
- K 26
● #31a4bc color description : Moderate cyan.
#31a4bc Color Conversion
The hexadecimal color #31a4bc has RGB values of R:49, G:164, B:188 and CMYK values of C:0.74, M:0.13, Y:0, K:0.26. Its decimal value is 3253436.
Hex triplet | 31a4bc | #31a4bc |
---|---|---|
RGB Decimal | 49, 164, 188 | rgb(49,164,188) |
RGB Percent | 19.2, 64.3, 73.7 | rgb(19.2%,64.3%,73.7%) |
CMYK | 74, 13, 0, 26 | |
HSL | 190.4°, 58.6, 46.5 | hsl(190.4,58.6%,46.5%) |
HSV (or HSB) | 190.4°, 73.9, 73.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.366, -23.447, -21.498 |
---|---|
XYZ | 23.617, 30.833, 52.281 |
xyY | 0.221, 0.289, 30.833 |
CIE-LCH | 62.366, 31.811, 222.517 |
CIE-LUV | 62.366, -41.278, -29.788 |
Hunter-Lab | 55.527, -21.253, -16.955 |
Binary | 00110001, 10100100, 10111100 |
Color Schemes with #31a4bc
Alternatives to #31a4bc
Below, you can see some colors close to #31a4bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31a4bc Preview
This text has a font color of #31a4bc.
<span style="color:#31a4bc;">Text here</span>
This paragraph has a background color of #31a4bc.
<p style="background-color:#31a4bc;">Content here</p>
This element has a border color of #31a4bc.
<div style="border:1px solid #31a4bc;">Content here</div>
.text {color:#31a4bc;}
.background {background-color:#31a4bc;}
.border {border:1px solid #31a4bc;}
Shades and Tints of #31a4bc
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 #f1f9fb 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)
-
#113740
#113740
rgb(17,55,64)
-
#15454f
#15454f
rgb(21,69,79)
-
#19535f
#19535f
rgb(25,83,95)
-
#1d606e
#1d606e
rgb(29,96,110)
-
#216e7e
#216e7e
rgb(33,110,126)
-
#257b8d
#257b8d
rgb(37,123,141)
-
#29899d
#29899d
rgb(41,137,157)
-
#2d96ac
#2d96ac
rgb(45,150,172)
-
#31a4bc
#31a4bc
rgb(49,164,188)
-
#36b1cb
#36b1cb
rgb(54,177,203)
-
#46b7cf
#46b7cf
rgb(70,183,207)
-
#55bdd3
#55bdd3
rgb(85,189,211)
-
#65c3d7
#65c3d7
rgb(101,195,215)
-
#74c9db
#74c9db
rgb(116,201,219)
-
#84cfdf
#84cfdf
rgb(132,207,223)
-
#93d5e3
#93d5e3
rgb(147,213,227)
-
#a3dbe7
#a3dbe7
rgb(163,219,231)
-
#b2e1eb
#b2e1eb
rgb(178,225,235)
-
#c2e7ef
#c2e7ef
rgb(194,231,239)
-
#d2edf3
#d2edf3
rgb(210,237,243)
-
#e1f3f7
#e1f3f7
rgb(225,243,247)
-
#f1f9fb
#f1f9fb
rgb(241,249,251)
Tones of #31a4bc
A tone is produced by adding gray to any pure hue. In this case, #717a7c is the less saturated color, while #03c2ea is the most saturated one.
-
#717a7c
#717a7c
rgb(113,122,124)
-
#688085
#688085
rgb(104,128,133)
-
#5f868e
#5f868e
rgb(95,134,142)
-
#558c98
#558c98
rgb(85,140,152)
-
#4c92a1
#4c92a1
rgb(76,146,161)
-
#4398aa
#4398aa
rgb(67,152,170)
-
#3a9eb3
#3a9eb3
rgb(58,158,179)
-
#31a4bc
#31a4bc
rgb(49,164,188)
-
#28aac5
#28aac5
rgb(40,170,197)
-
#1fb0ce
#1fb0ce
rgb(31,176,206)
-
#16b6d7
#16b6d7
rgb(22,182,215)
-
#0dbce0
#0dbce0
rgb(13,188,224)
-
#03c2ea
#03c2ea
rgb(3,194,234)
Color Blindness Simulator
Below, you can see how #31a4bc 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.