#31a7ff Color Information
In a RGB color space, hex #31a7ff is composed of 19.2% red, 65.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 34.5% magenta, 0% yellow and 0% black. It has a hue angle of 205.6 degrees, a saturation of 100% and a lightness of 59.6%. #31a7ff color hex could be obtained by blending #62ffff with #004fff. Closest websafe color is: #3399ff.
-
- R 19
- G 65
- B 100
-
- C 81
- M 35
- Y 0
- K 0
● #31a7ff color description : Vivid blue.
#31a7ff Color Conversion
The hexadecimal color #31a7ff has RGB values of R:49, G:167, B:255 and CMYK values of C:0.81, M:0.35, Y:0, K:0. Its decimal value is 3254271.
Hex triplet | 31a7ff | #31a7ff |
---|---|---|
RGB Decimal | 49, 167, 255 | rgb(49,167,255) |
RGB Percent | 19.2, 65.5, 100 | rgb(19.2%,65.5%,100%) |
CMYK | 81, 35, 0, 0 | |
HSL | 205.6°, 100, 59.6 | hsl(205.6,100%,59.6%) |
HSV (or HSB) | 205.6°, 80.8, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.142, -2.174, -52.594 |
---|---|
XYZ | 33.131, 35.508, 99.71 |
xyY | 0.197, 0.211, 35.508 |
CIE-LCH | 66.142, 52.639, 267.633 |
CIE-LUV | 66.142, -38.358, -84.987 |
Hunter-Lab | 59.588, -5.033, -57.499 |
Binary | 00110001, 10100111, 11111111 |
Color Schemes with #31a7ff
Alternatives to #31a7ff
Below, you can see some colors close to #31a7ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31a7ff Preview
This text has a font color of #31a7ff.
<span style="color:#31a7ff;">Text here</span>
This paragraph has a background color of #31a7ff.
<p style="background-color:#31a7ff;">Content here</p>
This element has a border color of #31a7ff.
<div style="border:1px solid #31a7ff;">Content here</div>
.text {color:#31a7ff;}
.background {background-color:#31a7ff;}
.border {border:1px solid #31a7ff;}
Shades and Tints of #31a7ff
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, #00060a is the darkest color, while #f5fbff is the lightest one.
-
#00060a
#00060a
rgb(0,6,10)
-
#00111d
#00111d
rgb(0,17,29)
-
#001c31
#001c31
rgb(0,28,49)
-
#002745
#002745
rgb(0,39,69)
-
#003358
#003358
rgb(0,51,88)
-
#003e6c
#003e6c
rgb(0,62,108)
-
#00497f
#00497f
rgb(0,73,127)
-
#005493
#005493
rgb(0,84,147)
-
#005fa7
#005fa7
rgb(0,95,167)
-
#006bba
#006bba
rgb(0,107,186)
-
#0076ce
#0076ce
rgb(0,118,206)
-
#0081e2
#0081e2
rgb(0,129,226)
-
#008cf5
#008cf5
rgb(0,140,245)
-
#0a96ff
#0a96ff
rgb(10,150,255)
-
#1d9fff
#1d9fff
rgb(29,159,255)
-
#31a7ff
#31a7ff
rgb(49,167,255)
-
#45afff
#45afff
rgb(69,175,255)
-
#58b8ff
#58b8ff
rgb(88,184,255)
-
#6cc0ff
#6cc0ff
rgb(108,192,255)
-
#7fc9ff
#7fc9ff
rgb(127,201,255)
-
#93d1ff
#93d1ff
rgb(147,209,255)
-
#a7d9ff
#a7d9ff
rgb(167,217,255)
-
#bae2ff
#bae2ff
rgb(186,226,255)
-
#ceeaff
#ceeaff
rgb(206,234,255)
-
#e2f2ff
#e2f2ff
rgb(226,242,255)
-
#f5fbff
#f5fbff
rgb(245,251,255)
Tones of #31a7ff
A tone is produced by adding gray to any pure hue. In this case, #9099a0 is the less saturated color, while #31a7ff is the most saturated one.
-
#9099a0
#9099a0
rgb(144,153,160)
-
#889aa8
#889aa8
rgb(136,154,168)
-
#809bb0
#809bb0
rgb(128,155,176)
-
#789db8
#789db8
rgb(120,157,184)
-
#709ec0
#709ec0
rgb(112,158,192)
-
#689fc8
#689fc8
rgb(104,159,200)
-
#61a0cf
#61a0cf
rgb(97,160,207)
-
#59a1d7
#59a1d7
rgb(89,161,215)
-
#51a2df
#51a2df
rgb(81,162,223)
-
#49a4e7
#49a4e7
rgb(73,164,231)
-
#41a5ef
#41a5ef
rgb(65,165,239)
-
#39a6f7
#39a6f7
rgb(57,166,247)
-
#31a7ff
#31a7ff
rgb(49,167,255)
Color Blindness Simulator
Below, you can see how #31a7ff 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.