#5f9bdc Color Information
In a RGB color space, hex #5f9bdc is composed of 37.3% red, 60.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 29.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 211.2 degrees, a saturation of 64.1% and a lightness of 61.8%. #5f9bdc color hex could be obtained by blending #beffff with #0037b9. Closest websafe color is: #6699cc.
-
- R 37
- G 61
- B 86
-
- C 57
- M 30
- Y 0
- K 14
● #5f9bdc color description : Soft blue.
#5f9bdc Color Conversion
The hexadecimal color #5f9bdc has RGB values of R:95, G:155, B:220 and CMYK values of C:0.57, M:0.3, Y:0, K:0.14. Its decimal value is 6265820.
Hex triplet | 5f9bdc | #5f9bdc |
---|---|---|
RGB Decimal | 95, 155, 220 | rgb(95,155,220) |
RGB Percent | 37.3, 60.8, 86.3 | rgb(37.3%,60.8%,86.3%) |
CMYK | 57, 30, 0, 14 | |
HSL | 211.2°, 64.1, 61.8 | hsl(211.2,64.1%,61.8%) |
HSV (or HSB) | 211.2°, 56.8, 86.3 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 62.542, -0.566, -38.946 |
---|---|
XYZ | 29.356, 31.041, 72.151 |
xyY | 0.221, 0.234, 31.041 |
CIE-LCH | 62.542, 38.95, 269.167 |
CIE-LUV | 62.542, -26.656, -61.504 |
Hunter-Lab | 55.715, -3.449, -37.781 |
Binary | 01011111, 10011011, 11011100 |
Color Schemes with #5f9bdc
Alternatives to #5f9bdc
Below, you can see some colors close to #5f9bdc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f9bdc Preview
This text has a font color of #5f9bdc.
<span style="color:#5f9bdc;">Text here</span>
This paragraph has a background color of #5f9bdc.
<p style="background-color:#5f9bdc;">Content here</p>
This element has a border color of #5f9bdc.
<div style="border:1px solid #5f9bdc;">Content here</div>
.text {color:#5f9bdc;}
.background {background-color:#5f9bdc;}
.border {border:1px solid #5f9bdc;}
Shades and Tints of #5f9bdc
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, #000101 is the darkest color, while #f0f6fc is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#040a11
#040a11
rgb(4,10,17)
-
#071421
#071421
rgb(7,20,33)
-
#0b1d31
#0b1d31
rgb(11,29,49)
-
#0e2741
#0e2741
rgb(14,39,65)
-
#123051
#123051
rgb(18,48,81)
-
#153a62
#153a62
rgb(21,58,98)
-
#194372
#194372
rgb(25,67,114)
-
#1c4d82
#1c4d82
rgb(28,77,130)
-
#205792
#205792
rgb(32,87,146)
-
#2360a2
#2360a2
rgb(35,96,162)
-
#276ab2
#276ab2
rgb(39,106,178)
-
#2a73c2
#2a73c2
rgb(42,115,194)
-
#2f7dd1
#2f7dd1
rgb(47,125,209)
-
#3f87d5
#3f87d5
rgb(63,135,213)
-
#4f91d8
#4f91d8
rgb(79,145,216)
-
#5f9bdc
#5f9bdc
rgb(95,155,220)
-
#6fa5e0
#6fa5e0
rgb(111,165,224)
-
#7fafe3
#7fafe3
rgb(127,175,227)
-
#8fb9e7
#8fb9e7
rgb(143,185,231)
-
#9fc3ea
#9fc3ea
rgb(159,195,234)
-
#afcdee
#afcdee
rgb(175,205,238)
-
#c0d7f1
#c0d7f1
rgb(192,215,241)
-
#d0e1f5
#d0e1f5
rgb(208,225,245)
-
#e0ebf8
#e0ebf8
rgb(224,235,248)
-
#f0f6fc
#f0f6fc
rgb(240,246,252)
Tones of #5f9bdc
A tone is produced by adding gray to any pure hue. In this case, #9b9da0 is the less saturated color, while #419afa is the most saturated one.
-
#9b9da0
#9b9da0
rgb(155,157,160)
-
#949da8
#949da8
rgb(148,157,168)
-
#8c9daf
#8c9daf
rgb(140,157,175)
-
#859db7
#859db7
rgb(133,157,183)
-
#7d9cbe
#7d9cbe
rgb(125,156,190)
-
#769cc6
#769cc6
rgb(118,156,198)
-
#6e9ccd
#6e9ccd
rgb(110,156,205)
-
#679bd5
#679bd5
rgb(103,155,213)
-
#5f9bdc
#5f9bdc
rgb(95,155,220)
-
#589be4
#589be4
rgb(88,155,228)
-
#509aeb
#509aeb
rgb(80,154,235)
-
#499af3
#499af3
rgb(73,154,243)
-
#419afa
#419afa
rgb(65,154,250)
Color Blindness Simulator
Below, you can see how #5f9bdc 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.