#31c5f7 Color Information
In a RGB color space, hex #31c5f7 is composed of 19.2% red, 77.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 20.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 195.2 degrees, a saturation of 92.5% and a lightness of 58%. #31c5f7 color hex could be obtained by blending #62ffff with #008bef. Closest websafe color is: #33ccff.
-
- R 19
- G 77
- B 97
-
- C 80
- M 20
- Y 0
- K 3
● #31c5f7 color description : Bright blue.
#31c5f7 Color Conversion
The hexadecimal color #31c5f7 has RGB values of R:49, G:197, B:247 and CMYK values of C:0.8, M:0.2, Y:0, K:0.03. Its decimal value is 3261943.
Hex triplet | 31c5f7 | #31c5f7 |
---|---|---|
RGB Decimal | 49, 197, 247 | rgb(49,197,247) |
RGB Percent | 19.2, 77.3, 96.9 | rgb(19.2%,77.3%,96.9%) |
CMYK | 80, 20, 0, 3 | |
HSL | 195.2°, 92.5, 58 | hsl(195.2,92.5%,58%) |
HSV (or HSB) | 195.2°, 80.2, 96.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 74.38, -21.17, -35.362 |
---|---|
XYZ | 38.017, 47.297, 95.116 |
xyY | 0.211, 0.262, 47.297 |
CIE-LCH | 74.38, 41.214, 239.092 |
CIE-LUV | 74.38, -48.932, -54.331 |
Hunter-Lab | 68.773, -21.68, -33.86 |
Binary | 00110001, 11000101, 11110111 |
Color Schemes with #31c5f7
Alternatives to #31c5f7
Below, you can see some colors close to #31c5f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31c5f7 Preview
This text has a font color of #31c5f7.
<span style="color:#31c5f7;">Text here</span>
This paragraph has a background color of #31c5f7.
<p style="background-color:#31c5f7;">Content here</p>
This element has a border color of #31c5f7.
<div style="border:1px solid #31c5f7;">Content here</div>
.text {color:#31c5f7;}
.background {background-color:#31c5f7;}
.border {border:1px solid #31c5f7;}
Shades and Tints of #31c5f7
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, #000102 is the darkest color, while #eefafe is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#011015
#011015
rgb(1,16,21)
-
#021e27
#021e27
rgb(2,30,39)
-
#022c3a
#022c3a
rgb(2,44,58)
-
#033a4d
#033a4d
rgb(3,58,77)
-
#044960
#044960
rgb(4,73,96)
-
#045773
#045773
rgb(4,87,115)
-
#056586
#056586
rgb(5,101,134)
-
#067499
#067499
rgb(6,116,153)
-
#0782ac
#0782ac
rgb(7,130,172)
-
#0790bf
#0790bf
rgb(7,144,191)
-
#089fd1
#089fd1
rgb(8,159,209)
-
#09ade4
#09ade4
rgb(9,173,228)
-
#0bbaf6
#0bbaf6
rgb(11,186,246)
-
#1ec0f6
#1ec0f6
rgb(30,192,246)
-
#31c5f7
#31c5f7
rgb(49,197,247)
-
#44caf8
#44caf8
rgb(68,202,248)
-
#57d0f8
#57d0f8
rgb(87,208,248)
-
#6ad5f9
#6ad5f9
rgb(106,213,249)
-
#7ddafa
#7ddafa
rgb(125,218,250)
-
#8fe0fb
#8fe0fb
rgb(143,224,251)
-
#a2e5fb
#a2e5fb
rgb(162,229,251)
-
#b5eafc
#b5eafc
rgb(181,234,252)
-
#c8f0fd
#c8f0fd
rgb(200,240,253)
-
#dbf5fe
#dbf5fe
rgb(219,245,254)
-
#eefafe
#eefafe
rgb(238,250,254)
Tones of #31c5f7
A tone is produced by adding gray to any pure hue. In this case, #949494 is the less saturated color, while #31c5f7 is the most saturated one.
-
#949494
#949494
rgb(148,148,148)
-
#8c989c
#8c989c
rgb(140,152,156)
-
#839ca5
#839ca5
rgb(131,156,165)
-
#7ba0ad
#7ba0ad
rgb(123,160,173)
-
#73a4b5
#73a4b5
rgb(115,164,181)
-
#6ba8bd
#6ba8bd
rgb(107,168,189)
-
#62adc6
#62adc6
rgb(98,173,198)
-
#5ab1ce
#5ab1ce
rgb(90,177,206)
-
#52b5d6
#52b5d6
rgb(82,181,214)
-
#4ab9de
#4ab9de
rgb(74,185,222)
-
#41bde7
#41bde7
rgb(65,189,231)
-
#39c1ef
#39c1ef
rgb(57,193,239)
-
#31c5f7
#31c5f7
rgb(49,197,247)
Color Blindness Simulator
Below, you can see how #31c5f7 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.