#5f99fd Color Information
In a RGB color space, hex #5f99fd is composed of 37.3% red, 60% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 39.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 218 degrees, a saturation of 97.5% and a lightness of 68.2%. #5f99fd color hex could be obtained by blending #beffff with #0033fb. Closest websafe color is: #6699ff.
-
- R 37
- G 60
- B 99
-
- C 62
- M 40
- Y 0
- K 1
● #5f99fd color description : Soft blue.
#5f99fd Color Conversion
The hexadecimal color #5f99fd has RGB values of R:95, G:153, B:253 and CMYK values of C:0.62, M:0.4, Y:0, K:0.01. Its decimal value is 6265341.
Hex triplet | 5f99fd | #5f99fd |
---|---|---|
RGB Decimal | 95, 153, 253 | rgb(95,153,253) |
RGB Percent | 37.3, 60, 99.2 | rgb(37.3%,60%,99.2%) |
CMYK | 62, 40, 0, 1 | |
HSL | 218°, 97.5, 68.2 | hsl(218,97.5%,68.2%) |
HSV (or HSB) | 218°, 62.5, 99.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 63.594, 11.287, -55.459 |
---|---|
XYZ | 33.836, 32.305, 97.375 |
xyY | 0.207, 0.198, 32.305 |
CIE-LCH | 63.594, 56.596, 281.503 |
CIE-LUV | 63.594, -25.511, -90.634 |
Hunter-Lab | 56.838, 6.798, -61.791 |
Binary | 01011111, 10011001, 11111101 |
Color Schemes with #5f99fd
Alternatives to #5f99fd
Below, you can see some colors close to #5f99fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f99fd Preview
This text has a font color of #5f99fd.
<span style="color:#5f99fd;">Text here</span>
This paragraph has a background color of #5f99fd.
<p style="background-color:#5f99fd;">Content here</p>
This element has a border color of #5f99fd.
<div style="border:1px solid #5f99fd;">Content here</div>
.text {color:#5f99fd;}
.background {background-color:#5f99fd;}
.border {border:1px solid #5f99fd;}
Shades and Tints of #5f99fd
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, #00050e is the darkest color, while #fafcff is the lightest one.
-
#00050e
#00050e
rgb(0,5,14)
-
#000d22
#000d22
rgb(0,13,34)
-
#011435
#011435
rgb(1,20,53)
-
#011b48
#011b48
rgb(1,27,72)
-
#01225c
#01225c
rgb(1,34,92)
-
#012a6f
#012a6f
rgb(1,42,111)
-
#023183
#023183
rgb(2,49,131)
-
#023896
#023896
rgb(2,56,150)
-
#0240a9
#0240a9
rgb(2,64,169)
-
#0247bd
#0247bd
rgb(2,71,189)
-
#034ed0
#034ed0
rgb(3,78,208)
-
#0355e3
#0355e3
rgb(3,85,227)
-
#035df7
#035df7
rgb(3,93,247)
-
#1268fc
#1268fc
rgb(18,104,252)
-
#2574fc
#2574fc
rgb(37,116,252)
-
#3880fd
#3880fd
rgb(56,128,253)
-
#4c8dfd
#4c8dfd
rgb(76,141,253)
-
#5f99fd
#5f99fd
rgb(95,153,253)
-
#72a5fd
#72a5fd
rgb(114,165,253)
-
#86b2fd
#86b2fd
rgb(134,178,253)
-
#99befe
#99befe
rgb(153,190,254)
-
#accafe
#accafe
rgb(172,202,254)
-
#c0d7fe
#c0d7fe
rgb(192,215,254)
-
#d3e3fe
#d3e3fe
rgb(211,227,254)
-
#e7efff
#e7efff
rgb(231,239,255)
-
#fafcff
#fafcff
rgb(250,252,255)
Tones of #5f99fd
A tone is produced by adding gray to any pure hue. In this case, #aaadb2 is the less saturated color, while #5f99fd is the most saturated one.
-
#aaadb2
#aaadb2
rgb(170,173,178)
-
#a4abb8
#a4abb8
rgb(164,171,184)
-
#9daabf
#9daabf
rgb(157,170,191)
-
#97a8c5
#97a8c5
rgb(151,168,197)
-
#91a6cb
#91a6cb
rgb(145,166,203)
-
#8ba5d1
#8ba5d1
rgb(139,165,209)
-
#84a3d8
#84a3d8
rgb(132,163,216)
-
#7ea1de
#7ea1de
rgb(126,161,222)
-
#78a0e4
#78a0e4
rgb(120,160,228)
-
#729eea
#729eea
rgb(114,158,234)
-
#6b9cf1
#6b9cf1
rgb(107,156,241)
-
#659bf7
#659bf7
rgb(101,155,247)
-
#5f99fd
#5f99fd
rgb(95,153,253)
Color Blindness Simulator
Below, you can see how #5f99fd 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.