#31b7f0 Color Information
In a RGB color space, hex #31b7f0 is composed of 19.2% red, 71.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 23.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 197.9 degrees, a saturation of 86.4% and a lightness of 56.7%. #31b7f0 color hex could be obtained by blending #62ffff with #006fe1. Closest websafe color is: #33ccff.
-
- R 19
- G 72
- B 94
-
- C 80
- M 24
- Y 0
- K 6
● #31b7f0 color description : Bright blue.
#31b7f0 Color Conversion
The hexadecimal color #31b7f0 has RGB values of R:49, G:183, B:240 and CMYK values of C:0.8, M:0.24, Y:0, K:0.06. Its decimal value is 3258352.
Hex triplet | 31b7f0 | #31b7f0 |
---|---|---|
RGB Decimal | 49, 183, 240 | rgb(49,183,240) |
RGB Percent | 19.2, 71.8, 94.1 | rgb(19.2%,71.8%,94.1%) |
CMYK | 80, 24, 0, 6 | |
HSL | 197.9°, 86.4, 56.7 | hsl(197.9,86.4%,56.7%) |
HSV (or HSB) | 197.9°, 79.6, 94.1 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.041, -16.195, -38.317 |
---|---|
XYZ | 33.924, 40.808, 88.522 |
xyY | 0.208, 0.25, 40.808 |
CIE-LCH | 70.041, 41.599, 247.088 |
CIE-LUV | 70.041, -44.604, -59.598 |
Hunter-Lab | 63.881, -17, -37.443 |
Binary | 00110001, 10110111, 11110000 |
Color Schemes with #31b7f0
Alternatives to #31b7f0
Below, you can see some colors close to #31b7f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31b7f0 Preview
This text has a font color of #31b7f0.
<span style="color:#31b7f0;">Text here</span>
This paragraph has a background color of #31b7f0.
<p style="background-color:#31b7f0;">Content here</p>
This element has a border color of #31b7f0.
<div style="border:1px solid #31b7f0;">Content here</div>
.text {color:#31b7f0;}
.background {background-color:#31b7f0;}
.border {border:1px solid #31b7f0;}
Shades and Tints of #31b7f0
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, #010a0d is the darkest color, while #fafdff is the lightest one.
-
#010a0d
#010a0d
rgb(1,10,13)
-
#021720
#021720
rgb(2,23,32)
-
#042432
#042432
rgb(4,36,50)
-
#053144
#053144
rgb(5,49,68)
-
#063f57
#063f57
rgb(6,63,87)
-
#084c69
#084c69
rgb(8,76,105)
-
#09597b
#09597b
rgb(9,89,123)
-
#0a668d
#0a668d
rgb(10,102,141)
-
#0c73a0
#0c73a0
rgb(12,115,160)
-
#0d81b2
#0d81b2
rgb(13,129,178)
-
#0e8ec4
#0e8ec4
rgb(14,142,196)
-
#109bd7
#109bd7
rgb(16,155,215)
-
#11a8e9
#11a8e9
rgb(17,168,233)
-
#1fb1ef
#1fb1ef
rgb(31,177,239)
-
#31b7f0
#31b7f0
rgb(49,183,240)
-
#43bdf1
#43bdf1
rgb(67,189,241)
-
#56c4f3
#56c4f3
rgb(86,196,243)
-
#68caf4
#68caf4
rgb(104,202,244)
-
#7ad1f5
#7ad1f5
rgb(122,209,245)
-
#8cd7f7
#8cd7f7
rgb(140,215,247)
-
#9fddf8
#9fddf8
rgb(159,221,248)
-
#b1e4f9
#b1e4f9
rgb(177,228,249)
-
#c3eafb
#c3eafb
rgb(195,234,251)
-
#d6f1fc
#d6f1fc
rgb(214,241,252)
-
#e8f7fd
#e8f7fd
rgb(232,247,253)
-
#fafdff
#fafdff
rgb(250,253,255)
Tones of #31b7f0
A tone is produced by adding gray to any pure hue. In this case, #8f9193 is the less saturated color, while #29baf9 is the most saturated one.
-
#8f9193
#8f9193
rgb(143,145,147)
-
#86959b
#86959b
rgb(134,149,155)
-
#7e98a4
#7e98a4
rgb(126,152,164)
-
#759cac
#759cac
rgb(117,156,172)
-
#6d9fb5
#6d9fb5
rgb(109,159,181)
-
#64a2bd
#64a2bd
rgb(100,162,189)
-
#5ca6c6
#5ca6c6
rgb(92,166,198)
-
#53a9ce
#53a9ce
rgb(83,169,206)
-
#4badd7
#4badd7
rgb(75,173,215)
-
#42b0df
#42b0df
rgb(66,176,223)
-
#3ab4e8
#3ab4e8
rgb(58,180,232)
-
#31b7f0
#31b7f0
rgb(49,183,240)
-
#29baf9
#29baf9
rgb(41,186,249)
Color Blindness Simulator
Below, you can see how #31b7f0 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.