#508af4 Color Information
In a RGB color space, hex #508af4 is composed of 31.4% red, 54.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 43.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 218.8 degrees, a saturation of 88.2% and a lightness of 63.5%. #508af4 color hex could be obtained by blending #a0ffff with #0015e9. Closest websafe color is: #6699ff.
-
- R 31
- G 54
- B 96
-
- C 67
- M 43
- Y 0
- K 4
● #508af4 color description : Soft blue.
#508af4 Color Conversion
The hexadecimal color #508af4 has RGB values of R:80, G:138, B:244 and CMYK values of C:0.67, M:0.43, Y:0, K:0.04. Its decimal value is 5278452.
Hex triplet | 508af4 | #508af4 |
---|---|---|
RGB Decimal | 80, 138, 244 | rgb(80,138,244) |
RGB Percent | 31.4, 54.1, 95.7 | rgb(31.4%,54.1%,95.7%) |
CMYK | 67, 43, 0, 4 | |
HSL | 218.8°, 88.2, 63.5 | hsl(218.8,88.2%,63.5%) |
HSV (or HSB) | 218.8°, 67.2, 95.7 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 58.426, 14.726, -58.795 |
---|---|
XYZ | 28.722, 26.412, 89.167 |
xyY | 0.199, 0.183, 26.412 |
CIE-LCH | 58.426, 60.612, 284.062 |
CIE-LUV | 58.426, -24.239, -94.963 |
Hunter-Lab | 51.393, 9.822, -66.894 |
Binary | 01010000, 10001010, 11110100 |
Color Schemes with #508af4
Alternatives to #508af4
Below, you can see some colors close to #508af4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#508af4 Preview
This text has a font color of #508af4.
<span style="color:#508af4;">Text here</span>
This paragraph has a background color of #508af4.
<p style="background-color:#508af4;">Content here</p>
This element has a border color of #508af4.
<div style="border:1px solid #508af4;">Content here</div>
.text {color:#508af4;}
.background {background-color:#508af4;}
.border {border:1px solid #508af4;}
Shades and Tints of #508af4
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, #01040a is the darkest color, while #f6f9fe is the lightest one.
-
#01040a
#01040a
rgb(1,4,10)
-
#020b1c
#020b1c
rgb(2,11,28)
-
#03122e
#03122e
rgb(3,18,46)
-
#041a41
#041a41
rgb(4,26,65)
-
#052153
#052153
rgb(5,33,83)
-
#062866
#062866
rgb(6,40,102)
-
#082f78
#082f78
rgb(8,47,120)
-
#09378b
#09378b
rgb(9,55,139)
-
#0a3e9d
#0a3e9d
rgb(10,62,157)
-
#0b45b0
#0b45b0
rgb(11,69,176)
-
#0c4dc2
#0c4dc2
rgb(12,77,194)
-
#0d54d5
#0d54d5
rgb(13,84,213)
-
#0f5be7
#0f5be7
rgb(15,91,231)
-
#1965f1
#1965f1
rgb(25,101,241)
-
#2b71f2
#2b71f2
rgb(43,113,242)
-
#3e7ef3
#3e7ef3
rgb(62,126,243)
-
#508af4
#508af4
rgb(80,138,244)
-
#6296f5
#6296f5
rgb(98,150,245)
-
#75a3f6
#75a3f6
rgb(117,163,246)
-
#87aff7
#87aff7
rgb(135,175,247)
-
#9abbf9
#9abbf9
rgb(154,187,249)
-
#acc8fa
#acc8fa
rgb(172,200,250)
-
#bfd4fb
#bfd4fb
rgb(191,212,251)
-
#d1e0fc
#d1e0fc
rgb(209,224,252)
-
#e4edfd
#e4edfd
rgb(228,237,253)
-
#f6f9fe
#f6f9fe
rgb(246,249,254)
Tones of #508af4
A tone is produced by adding gray to any pure hue. In this case, #9fa1a5 is the less saturated color, while #4988fb is the most saturated one.
-
#9fa1a5
#9fa1a5
rgb(159,161,165)
-
#989fac
#989fac
rgb(152,159,172)
-
#909db4
#909db4
rgb(144,157,180)
-
#899bbb
#899bbb
rgb(137,155,187)
-
#8299c2
#8299c2
rgb(130,153,194)
-
#7b97c9
#7b97c9
rgb(123,151,201)
-
#7494d0
#7494d0
rgb(116,148,208)
-
#6d92d7
#6d92d7
rgb(109,146,215)
-
#6590df
#6590df
rgb(101,144,223)
-
#5e8ee6
#5e8ee6
rgb(94,142,230)
-
#578ced
#578ced
rgb(87,140,237)
-
#508af4
#508af4
rgb(80,138,244)
-
#4988fb
#4988fb
rgb(73,136,251)
Color Blindness Simulator
Below, you can see how #508af4 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.