#5f77f3 Color Information
In a RGB color space, hex #5f77f3 is composed of 37.3% red, 46.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 51% magenta, 0% yellow and 4.7% black. It has a hue angle of 230.3 degrees, a saturation of 86% and a lightness of 66.3%. #5f77f3 color hex could be obtained by blending #beeeff with #0000e7. Closest websafe color is: #6666ff.
-
- R 37
- G 47
- B 95
-
- C 61
- M 51
- Y 0
- K 5
● #5f77f3 color description : Soft blue.
#5f77f3 Color Conversion
The hexadecimal color #5f77f3 has RGB values of R:95, G:119, B:243 and CMYK values of C:0.61, M:0.51, Y:0, K:0.05. Its decimal value is 6256627.
Hex triplet | 5f77f3 | #5f77f3 |
---|---|---|
RGB Decimal | 95, 119, 243 | rgb(95,119,243) |
RGB Percent | 37.3, 46.7, 95.3 | rgb(37.3%,46.7%,95.3%) |
CMYK | 61, 51, 0, 5 | |
HSL | 230.3°, 86, 66.3 | hsl(230.3,86%,66.3%) |
HSV (or HSB) | 230.3°, 60.9, 95.3 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 54.129, 28.382, -65.106 |
---|---|
XYZ | 27.49, 22.096, 87.605 |
xyY | 0.2, 0.161, 22.096 |
CIE-LCH | 54.129, 71.023, 293.555 |
CIE-LUV | 54.129, -14.764, -104.487 |
Hunter-Lab | 47.007, 22.129, -77.593 |
Binary | 01011111, 01110111, 11110011 |
Color Schemes with #5f77f3
Alternatives to #5f77f3
Below, you can see some colors close to #5f77f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f77f3 Preview
This text has a font color of #5f77f3.
<span style="color:#5f77f3;">Text here</span>
This paragraph has a background color of #5f77f3.
<p style="background-color:#5f77f3;">Content here</p>
This element has a border color of #5f77f3.
<div style="border:1px solid #5f77f3;">Content here</div>
.text {color:#5f77f3;}
.background {background-color:#5f77f3;}
.border {border:1px solid #5f77f3;}
Shades and Tints of #5f77f3
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, #000104 is the darkest color, while #f1f3fe is the lightest one.
-
#000104
#000104
rgb(0,1,4)
-
#020516
#020516
rgb(2,5,22)
-
#030929
#030929
rgb(3,9,41)
-
#040d3b
#040d3b
rgb(4,13,59)
-
#06114d
#06114d
rgb(6,17,77)
-
#07155f
#07155f
rgb(7,21,95)
-
#091a72
#091a72
rgb(9,26,114)
-
#0a1e84
#0a1e84
rgb(10,30,132)
-
#0b2296
#0b2296
rgb(11,34,150)
-
#0d26a8
#0d26a8
rgb(13,38,168)
-
#0e2abb
#0e2abb
rgb(14,42,187)
-
#0f2ecd
#0f2ecd
rgb(15,46,205)
-
#1132df
#1132df
rgb(17,50,223)
-
#1639ee
#1639ee
rgb(22,57,238)
-
#2848ef
#2848ef
rgb(40,72,239)
-
#3b58f0
#3b58f0
rgb(59,88,240)
-
#4d67f2
#4d67f2
rgb(77,103,242)
-
#5f77f3
#5f77f3
rgb(95,119,243)
-
#7187f4
#7187f4
rgb(113,135,244)
-
#8396f6
#8396f6
rgb(131,150,246)
-
#96a6f7
#96a6f7
rgb(150,166,247)
-
#a8b5f8
#a8b5f8
rgb(168,181,248)
-
#bac5fa
#bac5fa
rgb(186,197,250)
-
#ccd4fb
#ccd4fb
rgb(204,212,251)
-
#dfe4fd
#dfe4fd
rgb(223,228,253)
-
#f1f3fe
#f1f3fe
rgb(241,243,254)
Tones of #5f77f3
A tone is produced by adding gray to any pure hue. In this case, #a8a8aa is the less saturated color, while #5873fa is the most saturated one.
-
#a8a8aa
#a8a8aa
rgb(168,168,170)
-
#a1a4b1
#a1a4b1
rgb(161,164,177)
-
#9b9fb7
#9b9fb7
rgb(155,159,183)
-
#949bbe
#949bbe
rgb(148,155,190)
-
#8d96c5
#8d96c5
rgb(141,150,197)
-
#8792cb
#8792cb
rgb(135,146,203)
-
#808dd2
#808dd2
rgb(128,141,210)
-
#7989d9
#7989d9
rgb(121,137,217)
-
#7384df
#7384df
rgb(115,132,223)
-
#6c80e6
#6c80e6
rgb(108,128,230)
-
#667bec
#667bec
rgb(102,123,236)
-
#5f77f3
#5f77f3
rgb(95,119,243)
-
#5873fa
#5873fa
rgb(88,115,250)
Color Blindness Simulator
Below, you can see how #5f77f3 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.