#5f84c2 Color Information
In a RGB color space, hex #5f84c2 is composed of 37.3% red, 51.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 32% magenta, 0% yellow and 23.9% black. It has a hue angle of 217.6 degrees, a saturation of 44.8% and a lightness of 56.7%. #5f84c2 color hex could be obtained by blending #beffff with #000985. Closest websafe color is: #6699cc.
-
- R 37
- G 52
- B 76
-
- C 51
- M 32
- Y 0
- K 24
● #5f84c2 color description : Moderate blue.
#5f84c2 Color Conversion
The hexadecimal color #5f84c2 has RGB values of R:95, G:132, B:194 and CMYK values of C:0.51, M:0.32, Y:0, K:0.24. Its decimal value is 6259906.
Hex triplet | 5f84c2 | #5f84c2 |
---|---|---|
RGB Decimal | 95, 132, 194 | rgb(95,132,194) |
RGB Percent | 37.3, 51.8, 76.1 | rgb(37.3%,51.8%,76.1%) |
CMYK | 51, 32, 0, 24 | |
HSL | 217.6°, 44.8, 56.7 | hsl(217.6,44.8%,56.7%) |
HSV (or HSB) | 217.6°, 51, 76.1 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 54.896, 4.658, -36.315 |
---|---|
XYZ | 22.706, 22.829, 54.246 |
xyY | 0.228, 0.229, 22.829 |
CIE-LCH | 54.896, 36.613, 277.309 |
CIE-LUV | 54.896, -18.403, -56.46 |
Hunter-Lab | 47.78, 1.212, -33.867 |
Binary | 01011111, 10000100, 11000010 |
Color Schemes with #5f84c2
Alternatives to #5f84c2
Below, you can see some colors close to #5f84c2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f84c2 Preview
This text has a font color of #5f84c2.
<span style="color:#5f84c2;">Text here</span>
This paragraph has a background color of #5f84c2.
<p style="background-color:#5f84c2;">Content here</p>
This element has a border color of #5f84c2.
<div style="border:1px solid #5f84c2;">Content here</div>
.text {color:#5f84c2;}
.background {background-color:#5f84c2;}
.border {border:1px solid #5f84c2;}
Shades and Tints of #5f84c2
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, #04060a is the darkest color, while #fbfcfe is the lightest one.
-
#04060a
#04060a
rgb(4,6,10)
-
#090f19
#090f19
rgb(9,15,25)
-
#0f1827
#0f1827
rgb(15,24,39)
-
#142035
#142035
rgb(20,32,53)
-
#1a2943
#1a2943
rgb(26,41,67)
-
#1f3251
#1f3251
rgb(31,50,81)
-
#243b60
#243b60
rgb(36,59,96)
-
#2a436e
#2a436e
rgb(42,67,110)
-
#2f4c7c
#2f4c7c
rgb(47,76,124)
-
#35558a
#35558a
rgb(53,85,138)
-
#3a5d98
#3a5d98
rgb(58,93,152)
-
#4066a7
#4066a7
rgb(64,102,167)
-
#456fb5
#456fb5
rgb(69,111,181)
-
#5179bd
#5179bd
rgb(81,121,189)
-
#5f84c2
#5f84c2
rgb(95,132,194)
-
#6d8fc7
#6d8fc7
rgb(109,143,199)
-
#7b9acd
#7b9acd
rgb(123,154,205)
-
#8aa5d2
#8aa5d2
rgb(138,165,210)
-
#98b0d8
#98b0d8
rgb(152,176,216)
-
#a6bbdd
#a6bbdd
rgb(166,187,221)
-
#b4c6e2
#b4c6e2
rgb(180,198,226)
-
#c2d0e8
#c2d0e8
rgb(194,208,232)
-
#d1dbed
#d1dbed
rgb(209,219,237)
-
#dfe6f3
#dfe6f3
rgb(223,230,243)
-
#edf1f8
#edf1f8
rgb(237,241,248)
-
#fbfcfe
#fbfcfe
rgb(251,252,254)
Tones of #5f84c2
A tone is produced by adding gray to any pure hue. In this case, #8a8f98 is the less saturated color, while #2475fe is the most saturated one.
-
#8a8f98
#8a8f98
rgb(138,143,152)
-
#818da0
#818da0
rgb(129,141,160)
-
#798aa9
#798aa9
rgb(121,138,169)
-
#7088b1
#7088b1
rgb(112,136,177)
-
#6886ba
#6886ba
rgb(104,134,186)
-
#5f84c2
#5f84c2
rgb(95,132,194)
-
#5782cb
#5782cb
rgb(87,130,203)
-
#4e80d3
#4e80d3
rgb(78,128,211)
-
#467edc
#467edc
rgb(70,126,220)
-
#3d7be4
#3d7be4
rgb(61,123,228)
-
#3579ed
#3579ed
rgb(53,121,237)
-
#2c77f5
#2c77f5
rgb(44,119,245)
-
#2475fe
#2475fe
rgb(36,117,254)
Color Blindness Simulator
Below, you can see how #5f84c2 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.