#5f8dd2 Color Information
In a RGB color space, hex #5f8dd2 is composed of 37.3% red, 55.3% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 32.9% magenta, 0% yellow and 17.6% black. It has a hue angle of 216 degrees, a saturation of 56.1% and a lightness of 59.8%. #5f8dd2 color hex could be obtained by blending #beffff with #001ba5. Closest websafe color is: #6699cc.
-
- R 37
- G 55
- B 82
-
- C 55
- M 33
- Y 0
- K 18
● #5f8dd2 color description : Moderate blue.
#5f8dd2 Color Conversion
The hexadecimal color #5f8dd2 has RGB values of R:95, G:141, B:210 and CMYK values of C:0.55, M:0.33, Y:0, K:0.18. Its decimal value is 6262226.
Hex triplet | 5f8dd2 | #5f8dd2 |
---|---|---|
RGB Decimal | 95, 141, 210 | rgb(95,141,210) |
RGB Percent | 37.3, 55.3, 82.4 | rgb(37.3%,55.3%,82.4%) |
CMYK | 55, 33, 0, 18 | |
HSL | 216°, 56.1, 59.8 | hsl(216,56.1%,59.8%) |
HSV (or HSB) | 216°, 54.8, 82.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.164, 4.378, -40.23 |
---|---|
XYZ | 25.874, 26.134, 64.65 |
xyY | 0.222, 0.224, 26.134 |
CIE-LCH | 58.164, 40.467, 276.21 |
CIE-LUV | 58.164, -21.687, -63.445 |
Hunter-Lab | 51.122, 0.882, -39.195 |
Binary | 01011111, 10001101, 11010010 |
Color Schemes with #5f8dd2
Alternatives to #5f8dd2
Below, you can see some colors close to #5f8dd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f8dd2 Preview
This text has a font color of #5f8dd2.
<span style="color:#5f8dd2;">Text here</span>
This paragraph has a background color of #5f8dd2.
<p style="background-color:#5f8dd2;">Content here</p>
This element has a border color of #5f8dd2.
<div style="border:1px solid #5f8dd2;">Content here</div>
.text {color:#5f8dd2;}
.background {background-color:#5f8dd2;}
.border {border:1px solid #5f8dd2;}
Shades and Tints of #5f8dd2
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, #020508 is the darkest color, while #f8fafd is the lightest one.
-
#020508
#020508
rgb(2,5,8)
-
#070d18
#070d18
rgb(7,13,24)
-
#0b1627
#0b1627
rgb(11,22,39)
-
#0f1f36
#0f1f36
rgb(15,31,54)
-
#142846
#142846
rgb(20,40,70)
-
#183055
#183055
rgb(24,48,85)
-
#1c3964
#1c3964
rgb(28,57,100)
-
#214274
#214274
rgb(33,66,116)
-
#254a83
#254a83
rgb(37,74,131)
-
#295392
#295392
rgb(41,83,146)
-
#2d5ca2
#2d5ca2
rgb(45,92,162)
-
#3265b1
#3265b1
rgb(50,101,177)
-
#366dc0
#366dc0
rgb(54,109,192)
-
#4077c9
#4077c9
rgb(64,119,201)
-
#5082ce
#5082ce
rgb(80,130,206)
-
#5f8dd2
#5f8dd2
rgb(95,141,210)
-
#6e98d6
#6e98d6
rgb(110,152,214)
-
#7ea3db
#7ea3db
rgb(126,163,219)
-
#8daedf
#8daedf
rgb(141,174,223)
-
#9cb9e3
#9cb9e3
rgb(156,185,227)
-
#acc4e8
#acc4e8
rgb(172,196,232)
-
#bbceec
#bbceec
rgb(187,206,236)
-
#cad9f0
#cad9f0
rgb(202,217,240)
-
#d9e4f4
#d9e4f4
rgb(217,228,244)
-
#e9eff9
#e9eff9
rgb(233,239,249)
-
#f8fafd
#f8fafd
rgb(248,250,253)
Tones of #5f8dd2
A tone is produced by adding gray to any pure hue. In this case, #96989b is the less saturated color, while #3885f9 is the most saturated one.
-
#96989b
#96989b
rgb(150,152,155)
-
#8e96a3
#8e96a3
rgb(142,150,163)
-
#8695ab
#8695ab
rgb(134,149,171)
-
#7f93b2
#7f93b2
rgb(127,147,178)
-
#7792ba
#7792ba
rgb(119,146,186)
-
#6f90c2
#6f90c2
rgb(111,144,194)
-
#678fca
#678fca
rgb(103,143,202)
-
#5f8dd2
#5f8dd2
rgb(95,141,210)
-
#578bda
#578bda
rgb(87,139,218)
-
#4f8ae2
#4f8ae2
rgb(79,138,226)
-
#4788ea
#4788ea
rgb(71,136,234)
-
#3f87f2
#3f87f2
rgb(63,135,242)
-
#3885f9
#3885f9
rgb(56,133,249)
Color Blindness Simulator
Below, you can see how #5f8dd2 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.