#5f80f8 Color Information
In a RGB color space, hex #5f80f8 is composed of 37.3% red, 50.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 48.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 227.1 degrees, a saturation of 91.6% and a lightness of 67.3%. #5f80f8 color hex could be obtained by blending #beffff with #0001f1. Closest websafe color is: #6699ff.
-
- R 37
- G 50
- B 97
-
- C 62
- M 48
- Y 0
- K 3
● #5f80f8 color description : Soft blue.
#5f80f8 Color Conversion
The hexadecimal color #5f80f8 has RGB values of R:95, G:128, B:248 and CMYK values of C:0.62, M:0.48, Y:0, K:0.03. Its decimal value is 6258936.
Hex triplet | 5f80f8 | #5f80f8 |
---|---|---|
RGB Decimal | 95, 128, 248 | rgb(95,128,248) |
RGB Percent | 37.3, 50.2, 97.3 | rgb(37.3%,50.2%,97.3%) |
CMYK | 62, 48, 0, 3 | |
HSL | 227.1°, 91.6, 67.3 | hsl(227.1,91.6%,67.3%) |
HSV (or HSB) | 227.1°, 61.7, 97.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 56.73, 24.574, -63.689 |
---|---|
XYZ | 29.378, 24.647, 92.011 |
xyY | 0.201, 0.169, 24.647 |
CIE-LCH | 56.73, 68.265, 291.099 |
CIE-LUV | 56.73, -17.535, -103.076 |
Hunter-Lab | 49.646, 18.749, -75.133 |
Binary | 01011111, 10000000, 11111000 |
Color Schemes with #5f80f8
Alternatives to #5f80f8
Below, you can see some colors close to #5f80f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f80f8 Preview
This text has a font color of #5f80f8.
<span style="color:#5f80f8;">Text here</span>
This paragraph has a background color of #5f80f8.
<p style="background-color:#5f80f8;">Content here</p>
This element has a border color of #5f80f8.
<div style="border:1px solid #5f80f8;">Content here</div>
.text {color:#5f80f8;}
.background {background-color:#5f80f8;}
.border {border:1px solid #5f80f8;}
Shades and Tints of #5f80f8
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, #000209 is the darkest color, while #f5f7ff is the lightest one.
-
#000209
#000209
rgb(0,2,9)
-
#01071c
#01071c
rgb(1,7,28)
-
#020c2f
#020c2f
rgb(2,12,47)
-
#031042
#031042
rgb(3,16,66)
-
#041554
#041554
rgb(4,21,84)
-
#051a67
#051a67
rgb(5,26,103)
-
#051e7a
#051e7a
rgb(5,30,122)
-
#06238d
#06238d
rgb(6,35,141)
-
#07289f
#07289f
rgb(7,40,159)
-
#082db2
#082db2
rgb(8,45,178)
-
#0931c5
#0931c5
rgb(9,49,197)
-
#0936d8
#0936d8
rgb(9,54,216)
-
#0a3beb
#0a3beb
rgb(10,59,235)
-
#1444f5
#1444f5
rgb(20,68,245)
-
#2753f6
#2753f6
rgb(39,83,246)
-
#3962f6
#3962f6
rgb(57,98,246)
-
#4c71f7
#4c71f7
rgb(76,113,247)
-
#5f80f8
#5f80f8
rgb(95,128,248)
-
#728ff9
#728ff9
rgb(114,143,249)
-
#859efa
#859efa
rgb(133,158,250)
-
#97adfa
#97adfa
rgb(151,173,250)
-
#aabcfb
#aabcfb
rgb(170,188,251)
-
#bdcbfc
#bdcbfc
rgb(189,203,252)
-
#d0dafd
#d0dafd
rgb(208,218,253)
-
#e3e8fe
#e3e8fe
rgb(227,232,254)
-
#f5f7ff
#f5f7ff
rgb(245,247,255)
Tones of #5f80f8
A tone is produced by adding gray to any pure hue. In this case, #a6a8b1 is the less saturated color, while #597cfe is the most saturated one.
-
#a6a8b1
#a6a8b1
rgb(166,168,177)
-
#9fa5b8
#9fa5b8
rgb(159,165,184)
-
#99a1be
#99a1be
rgb(153,161,190)
-
#929dc5
#929dc5
rgb(146,157,197)
-
#8c9acb
#8c9acb
rgb(140,154,203)
-
#8696d1
#8696d1
rgb(134,150,209)
-
#7f92d8
#7f92d8
rgb(127,146,216)
-
#798fde
#798fde
rgb(121,143,222)
-
#728be5
#728be5
rgb(114,139,229)
-
#6c87eb
#6c87eb
rgb(108,135,235)
-
#6584f2
#6584f2
rgb(101,132,242)
-
#5f80f8
#5f80f8
rgb(95,128,248)
-
#597cfe
#597cfe
rgb(89,124,254)
Color Blindness Simulator
Below, you can see how #5f80f8 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.