#5f9cb3 Color Information
In a RGB color space, hex #5f9cb3 is composed of 37.3% red, 61.2% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 12.8% magenta, 0% yellow and 29.8% black. It has a hue angle of 196.4 degrees, a saturation of 35.6% and a lightness of 53.7%. #5f9cb3 color hex could be obtained by blending #beffff with #003967. Closest websafe color is: #6699cc.
-
- R 37
- G 61
- B 70
-
- C 47
- M 13
- Y 0
- K 30
● #5f9cb3 color description : Slightly desaturated blue.
#5f9cb3 Color Conversion
The hexadecimal color #5f9cb3 has RGB values of R:95, G:156, B:179 and CMYK values of C:0.47, M:0.13, Y:0, K:0.3. Its decimal value is 6266035.
Hex triplet | 5f9cb3 | #5f9cb3 |
---|---|---|
RGB Decimal | 95, 156, 179 | rgb(95,156,179) |
RGB Percent | 37.3, 61.2, 70.2 | rgb(37.3%,61.2%,70.2%) |
CMYK | 47, 13, 0, 30 | |
HSL | 196.4°, 35.6, 53.7 | hsl(196.4,35.6%,53.7%) |
HSV (or HSB) | 196.4°, 46.9, 70.2 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 61.188, -13.453, -18.098 |
---|---|
XYZ | 24.742, 29.463, 47.028 |
xyY | 0.244, 0.291, 29.463 |
CIE-LCH | 61.188, 22.55, 233.376 |
CIE-LUV | 61.188, -27.841, -25.488 |
Hunter-Lab | 54.28, -13.624, -13.373 |
Binary | 01011111, 10011100, 10110011 |
Color Schemes with #5f9cb3
Alternatives to #5f9cb3
Below, you can see some colors close to #5f9cb3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f9cb3 Preview
This text has a font color of #5f9cb3.
<span style="color:#5f9cb3;">Text here</span>
This paragraph has a background color of #5f9cb3.
<p style="background-color:#5f9cb3;">Content here</p>
This element has a border color of #5f9cb3.
<div style="border:1px solid #5f9cb3;">Content here</div>
.text {color:#5f9cb3;}
.background {background-color:#5f9cb3;}
.border {border:1px solid #5f9cb3;}
Shades and Tints of #5f9cb3
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, #060b0d is the darkest color, while #ffffff is the lightest one.
-
#060b0d
#060b0d
rgb(6,11,13)
-
#0c161a
#0c161a
rgb(12,22,26)
-
#132227
#132227
rgb(19,34,39)
-
#192d35
#192d35
rgb(25,45,53)
-
#1f3942
#1f3942
rgb(31,57,66)
-
#26444f
#26444f
rgb(38,68,79)
-
#2c4f5d
#2c4f5d
rgb(44,79,93)
-
#325b6a
#325b6a
rgb(50,91,106)
-
#396677
#396677
rgb(57,102,119)
-
#3f7285
#3f7285
rgb(63,114,133)
-
#457d92
#457d92
rgb(69,125,146)
-
#4c889f
#4c889f
rgb(76,136,159)
-
#5294ac
#5294ac
rgb(82,148,172)
-
#5f9cb3
#5f9cb3
rgb(95,156,179)
-
#6ca4b9
#6ca4b9
rgb(108,164,185)
-
#7aacc0
#7aacc0
rgb(122,172,192)
-
#87b5c6
#87b5c6
rgb(135,181,198)
-
#94bdcc
#94bdcc
rgb(148,189,204)
-
#a1c5d3
#a1c5d3
rgb(161,197,211)
-
#afcdd9
#afcdd9
rgb(175,205,217)
-
#bcd6df
#bcd6df
rgb(188,214,223)
-
#c9dee6
#c9dee6
rgb(201,222,230)
-
#d7e6ec
#d7e6ec
rgb(215,230,236)
-
#e4eef2
#e4eef2
rgb(228,238,242)
-
#f1f7f8
#f1f7f8
rgb(241,247,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #5f9cb3
A tone is produced by adding gray to any pure hue. In this case, #838c8f is the less saturated color, while #16bdfc is the most saturated one.
-
#838c8f
#838c8f
rgb(131,140,143)
-
#7a9098
#7a9098
rgb(122,144,152)
-
#7194a1
#7194a1
rgb(113,148,161)
-
#6898aa
#6898aa
rgb(104,152,170)
-
#5f9cb3
#5f9cb3
rgb(95,156,179)
-
#56a0bc
#56a0bc
rgb(86,160,188)
-
#4da4c5
#4da4c5
rgb(77,164,197)
-
#44a8ce
#44a8ce
rgb(68,168,206)
-
#3bacd7
#3bacd7
rgb(59,172,215)
-
#32b1e0
#32b1e0
rgb(50,177,224)
-
#29b5e9
#29b5e9
rgb(41,181,233)
-
#1fb9f3
#1fb9f3
rgb(31,185,243)
-
#16bdfc
#16bdfc
rgb(22,189,252)
Color Blindness Simulator
Below, you can see how #5f9cb3 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.