#5f9dd1 Color Information
In a RGB color space, hex #5f9dd1 is composed of 37.3% red, 61.6% green and 82% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 24.9% magenta, 0% yellow and 18% black. It has a hue angle of 207.4 degrees, a saturation of 55.3% and a lightness of 59.6%. #5f9dd1 color hex could be obtained by blending #beffff with #003ba3. Closest websafe color is: #6699cc.
-
- R 37
- G 62
- B 82
-
- C 55
- M 25
- Y 0
- K 18
● #5f9dd1 color description : Moderate blue.
#5f9dd1 Color Conversion
The hexadecimal color #5f9dd1 has RGB values of R:95, G:157, B:209 and CMYK values of C:0.55, M:0.25, Y:0, K:0.18. Its decimal value is 6266321.
Hex triplet | 5f9dd1 | #5f9dd1 |
---|---|---|
RGB Decimal | 95, 157, 209 | rgb(95,157,209) |
RGB Percent | 37.3, 61.6, 82 | rgb(37.3%,61.6%,82%) |
CMYK | 55, 25, 0, 18 | |
HSL | 207.4°, 55.3, 59.6 | hsl(207.4,55.3%,59.6%) |
HSV (or HSB) | 207.4°, 54.5, 82 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 62.633, -5.128, -32.69 |
---|---|
XYZ | 28.282, 31.149, 64.84 |
xyY | 0.228, 0.251, 31.149 |
CIE-LCH | 62.633, 33.09, 261.084 |
CIE-LUV | 62.633, -27.596, -50.538 |
Hunter-Lab | 55.811, -7.214, -29.814 |
Binary | 01011111, 10011101, 11010001 |
Color Schemes with #5f9dd1
Alternatives to #5f9dd1
Below, you can see some colors close to #5f9dd1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f9dd1 Preview
This text has a font color of #5f9dd1.
<span style="color:#5f9dd1;">Text here</span>
This paragraph has a background color of #5f9dd1.
<p style="background-color:#5f9dd1;">Content here</p>
This element has a border color of #5f9dd1.
<div style="border:1px solid #5f9dd1;">Content here</div>
.text {color:#5f9dd1;}
.background {background-color:#5f9dd1;}
.border {border:1px solid #5f9dd1;}
Shades and Tints of #5f9dd1
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 #f7fafd is the lightest one.
-
#020508
#020508
rgb(2,5,8)
-
#070f17
#070f17
rgb(7,15,23)
-
#0b1a26
#0b1a26
rgb(11,26,38)
-
#0f2435
#0f2435
rgb(15,36,53)
-
#142e45
#142e45
rgb(20,46,69)
-
#183954
#183954
rgb(24,57,84)
-
#1c4363
#1c4363
rgb(28,67,99)
-
#214d72
#214d72
rgb(33,77,114)
-
#255781
#255781
rgb(37,87,129)
-
#2a6291
#2a6291
rgb(42,98,145)
-
#2e6ca0
#2e6ca0
rgb(46,108,160)
-
#3276af
#3276af
rgb(50,118,175)
-
#3781be
#3781be
rgb(55,129,190)
-
#418ac8
#418ac8
rgb(65,138,200)
-
#5094cd
#5094cd
rgb(80,148,205)
-
#5f9dd1
#5f9dd1
rgb(95,157,209)
-
#6ea6d5
#6ea6d5
rgb(110,166,213)
-
#7db0da
#7db0da
rgb(125,176,218)
-
#8db9de
#8db9de
rgb(141,185,222)
-
#9cc2e3
#9cc2e3
rgb(156,194,227)
-
#abcce7
#abcce7
rgb(171,204,231)
-
#bad5eb
#bad5eb
rgb(186,213,235)
-
#cadef0
#cadef0
rgb(202,222,240)
-
#d9e8f4
#d9e8f4
rgb(217,232,244)
-
#e8f1f8
#e8f1f8
rgb(232,241,248)
-
#f7fafd
#f7fafd
rgb(247,250,253)
Tones of #5f9dd1
A tone is produced by adding gray to any pure hue. In this case, #96989a is the less saturated color, while #37a0f9 is the most saturated one.
-
#96989a
#96989a
rgb(150,152,154)
-
#8f99a1
#8f99a1
rgb(143,153,161)
-
#879aa9
#879aa9
rgb(135,154,169)
-
#7f9ab1
#7f9ab1
rgb(127,154,177)
-
#779bb9
#779bb9
rgb(119,155,185)
-
#6f9cc1
#6f9cc1
rgb(111,156,193)
-
#679cc9
#679cc9
rgb(103,156,201)
-
#5f9dd1
#5f9dd1
rgb(95,157,209)
-
#579ed9
#579ed9
rgb(87,158,217)
-
#4f9ee1
#4f9ee1
rgb(79,158,225)
-
#479fe9
#479fe9
rgb(71,159,233)
-
#3fa0f1
#3fa0f1
rgb(63,160,241)
-
#37a0f9
#37a0f9
rgb(55,160,249)
Color Blindness Simulator
Below, you can see how #5f9dd1 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.