#5f81f2 Color Information
In a RGB color space, hex #5f81f2 is composed of 37.3% red, 50.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 46.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 226.1 degrees, a saturation of 85% and a lightness of 66.1%. #5f81f2 color hex could be obtained by blending #beffff with #0003e5. Closest websafe color is: #6699ff.
-
- R 37
- G 51
- B 95
-
- C 61
- M 47
- Y 0
- K 5
● #5f81f2 color description : Soft blue.
#5f81f2 Color Conversion
The hexadecimal color #5f81f2 has RGB values of R:95, G:129, B:242 and CMYK values of C:0.61, M:0.47, Y:0, K:0.05. Its decimal value is 6259186.
Hex triplet | 5f81f2 | #5f81f2 |
---|---|---|
RGB Decimal | 95, 129, 242 | rgb(95,129,242) |
RGB Percent | 37.3, 50.6, 94.9 | rgb(37.3%,50.6%,94.9%) |
CMYK | 61, 47, 0, 5 | |
HSL | 226.1°, 85, 66.1 | hsl(226.1,85%,66.1%) |
HSV (or HSB) | 226.1°, 60.7, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 56.627, 21.978, -60.532 |
---|---|
XYZ | 28.593, 24.543, 87.23 |
xyY | 0.204, 0.175, 24.543 |
CIE-LCH | 56.627, 64.399, 289.955 |
CIE-LUV | 56.627, -17.765, -97.807 |
Hunter-Lab | 49.541, 16.328, -69.718 |
Binary | 01011111, 10000001, 11110010 |
Color Schemes with #5f81f2
Alternatives to #5f81f2
Below, you can see some colors close to #5f81f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f81f2 Preview
This text has a font color of #5f81f2.
<span style="color:#5f81f2;">Text here</span>
This paragraph has a background color of #5f81f2.
<p style="background-color:#5f81f2;">Content here</p>
This element has a border color of #5f81f2.
<div style="border:1px solid #5f81f2;">Content here</div>
.text {color:#5f81f2;}
.background {background-color:#5f81f2;}
.border {border:1px solid #5f81f2;}
Shades and Tints of #5f81f2
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, #000103 is the darkest color, while #f0f3fe is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#020615
#020615
rgb(2,6,21)
-
#030c28
#030c28
rgb(3,12,40)
-
#05113a
#05113a
rgb(5,17,58)
-
#06164c
#06164c
rgb(6,22,76)
-
#081c5e
#081c5e
rgb(8,28,94)
-
#092170
#092170
rgb(9,33,112)
-
#0b2682
#0b2682
rgb(11,38,130)
-
#0c2c94
#0c2c94
rgb(12,44,148)
-
#0e31a7
#0e31a7
rgb(14,49,167)
-
#0f36b9
#0f36b9
rgb(15,54,185)
-
#103ccb
#103ccb
rgb(16,60,203)
-
#1241dd
#1241dd
rgb(18,65,221)
-
#1648ec
#1648ec
rgb(22,72,236)
-
#2956ee
#2956ee
rgb(41,86,238)
-
#3b64ef
#3b64ef
rgb(59,100,239)
-
#4d73f1
#4d73f1
rgb(77,115,241)
-
#5f81f2
#5f81f2
rgb(95,129,242)
-
#718ff3
#718ff3
rgb(113,143,243)
-
#839ef5
#839ef5
rgb(131,158,245)
-
#95acf6
#95acf6
rgb(149,172,246)
-
#a8baf8
#a8baf8
rgb(168,186,248)
-
#bac8f9
#bac8f9
rgb(186,200,249)
-
#ccd7fb
#ccd7fb
rgb(204,215,251)
-
#dee5fc
#dee5fc
rgb(222,229,252)
-
#f0f3fe
#f0f3fe
rgb(240,243,254)
Tones of #5f81f2
A tone is produced by adding gray to any pure hue. In this case, #a8a8a9 is the less saturated color, while #587df9 is the most saturated one.
-
#a8a8a9
#a8a8a9
rgb(168,168,169)
-
#a2a5af
#a2a5af
rgb(162,165,175)
-
#9ba1b6
#9ba1b6
rgb(155,161,182)
-
#949ebd
#949ebd
rgb(148,158,189)
-
#8e9ac3
#8e9ac3
rgb(142,154,195)
-
#8796ca
#8796ca
rgb(135,150,202)
-
#8093d1
#8093d1
rgb(128,147,209)
-
#7a8fd7
#7a8fd7
rgb(122,143,215)
-
#738cde
#738cde
rgb(115,140,222)
-
#6c88e5
#6c88e5
rgb(108,136,229)
-
#6685eb
#6685eb
rgb(102,133,235)
-
#5f81f2
#5f81f2
rgb(95,129,242)
-
#587df9
#587df9
rgb(88,125,249)
Color Blindness Simulator
Below, you can see how #5f81f2 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.