#2f5563 Color Information
In a RGB color space, hex #2f5563 is composed of 18.4% red, 33.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 14.1% magenta, 0% yellow and 61.2% black. It has a hue angle of 196.2 degrees, a saturation of 35.6% and a lightness of 28.6%. #2f5563 color hex could be obtained by blending #5eaac6 with #000000. Closest websafe color is: #336666.
-
- R 18
- G 33
- B 39
-
- C 53
- M 14
- Y 0
- K 61
● #2f5563 color description : Very dark desaturated blue.
#2f5563 Color Conversion
The hexadecimal color #2f5563 has RGB values of R:47, G:85, B:99 and CMYK values of C:0.53, M:0.14, Y:0, K:0.61. Its decimal value is 3102051.
Hex triplet | 2f5563 | #2f5563 |
---|---|---|
RGB Decimal | 47, 85, 99 | rgb(47,85,99) |
RGB Percent | 18.4, 33.3, 38.8 | rgb(18.4%,33.3%,38.8%) |
CMYK | 53, 14, 0, 61 | |
HSL | 196.2°, 35.6, 28.6 | hsl(196.2,35.6%,28.6%) |
HSV (or HSB) | 196.2°, 52.5, 38.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 33.987, -9.199, -12.29 |
---|---|
XYZ | 6.672, 8.002, 12.997 |
xyY | 0.241, 0.289, 8.002 |
CIE-LCH | 33.987, 15.351, 233.186 |
CIE-LUV | 33.987, -16.241, -14.885 |
Hunter-Lab | 28.287, -7.399, -7.439 |
Binary | 00101111, 01010101, 01100011 |
Color Schemes with #2f5563
Alternatives to #2f5563
Below, you can see some colors close to #2f5563. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f5563 Preview
This text has a font color of #2f5563.
<span style="color:#2f5563;">Text here</span>
This paragraph has a background color of #2f5563.
<p style="background-color:#2f5563;">Content here</p>
This element has a border color of #2f5563.
<div style="border:1px solid #2f5563;">Content here</div>
.text {color:#2f5563;}
.background {background-color:#2f5563;}
.border {border:1px solid #2f5563;}
Shades and Tints of #2f5563
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, #030506 is the darkest color, while #f8fafb is the lightest one.
-
#030506
#030506
rgb(3,5,6)
-
#091013
#091013
rgb(9,16,19)
-
#0f1c20
#0f1c20
rgb(15,28,32)
-
#16272e
#16272e
rgb(22,39,46)
-
#1c333b
#1c333b
rgb(28,51,59)
-
#223e48
#223e48
rgb(34,62,72)
-
#294a56
#294a56
rgb(41,74,86)
-
#2f5563
#2f5563
rgb(47,85,99)
-
#356070
#356070
rgb(53,96,112)
-
#3c6c7e
#3c6c7e
rgb(60,108,126)
-
#42778b
#42778b
rgb(66,119,139)
-
#488398
#488398
rgb(72,131,152)
-
#4f8ea6
#4f8ea6
rgb(79,142,166)
-
#5898b0
#5898b0
rgb(88,152,176)
-
#65a0b6
#65a0b6
rgb(101,160,182)
-
#73a8bc
#73a8bc
rgb(115,168,188)
-
#80b1c3
#80b1c3
rgb(128,177,195)
-
#8db9c9
#8db9c9
rgb(141,185,201)
-
#9ac1cf
#9ac1cf
rgb(154,193,207)
-
#a8c9d6
#a8c9d6
rgb(168,201,214)
-
#b5d1dc
#b5d1dc
rgb(181,209,220)
-
#c2dae2
#c2dae2
rgb(194,218,226)
-
#d0e2e9
#d0e2e9
rgb(208,226,233)
-
#ddeaef
#ddeaef
rgb(221,234,239)
-
#eaf2f5
#eaf2f5
rgb(234,242,245)
-
#f8fafb
#f8fafb
rgb(248,250,251)
Tones of #2f5563
A tone is produced by adding gray to any pure hue. In this case, #454b4d is the less saturated color, while #026a90 is the most saturated one.
-
#454b4d
#454b4d
rgb(69,75,77)
-
#404d52
#404d52
rgb(64,77,82)
-
#3a5058
#3a5058
rgb(58,80,88)
-
#35525d
#35525d
rgb(53,82,93)
-
#2f5563
#2f5563
rgb(47,85,99)
-
#295869
#295869
rgb(41,88,105)
-
#245a6e
#245a6e
rgb(36,90,110)
-
#1e5d74
#1e5d74
rgb(30,93,116)
-
#195f79
#195f79
rgb(25,95,121)
-
#13627f
#13627f
rgb(19,98,127)
-
#0d6585
#0d6585
rgb(13,101,133)
-
#08678a
#08678a
rgb(8,103,138)
-
#026a90
#026a90
rgb(2,106,144)
Color Blindness Simulator
Below, you can see how #2f5563 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.