#2f3557 Color Information
In a RGB color space, hex #2f3557 is composed of 18.4% red, 20.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 39.1% magenta, 0% yellow and 65.9% black. It has a hue angle of 231 degrees, a saturation of 29.9% and a lightness of 26.3%. #2f3557 color hex could be obtained by blending #5e6aae with #000000. Closest websafe color is: #333366.
-
- R 18
- G 21
- B 34
-
- C 46
- M 39
- Y 0
- K 66
● #2f3557 color description : Very dark desaturated blue.
#2f3557 Color Conversion
The hexadecimal color #2f3557 has RGB values of R:47, G:53, B:87 and CMYK values of C:0.46, M:0.39, Y:0, K:0.66. Its decimal value is 3093847.
Hex triplet | 2f3557 | #2f3557 |
---|---|---|
RGB Decimal | 47, 53, 87 | rgb(47,53,87) |
RGB Percent | 18.4, 20.8, 34.1 | rgb(18.4%,20.8%,34.1%) |
CMYK | 46, 39, 0, 66 | |
HSL | 231°, 29.9, 26.3 | hsl(231,29.9%,26.3%) |
HSV (or HSB) | 231°, 46, 34.1 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 23.13, 7.617, -21.357 |
---|---|
XYZ | 4.165, 3.839, 9.538 |
xyY | 0.237, 0.219, 3.839 |
CIE-LCH | 23.13, 22.674, 289.628 |
CIE-LUV | 23.13, -4.043, -25.859 |
Hunter-Lab | 19.592, 3.663, -15.149 |
Binary | 00101111, 00110101, 01010111 |
Color Schemes with #2f3557
Alternatives to #2f3557
Below, you can see some colors close to #2f3557. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f3557 Preview
This text has a font color of #2f3557.
<span style="color:#2f3557;">Text here</span>
This paragraph has a background color of #2f3557.
<p style="background-color:#2f3557;">Content here</p>
This element has a border color of #2f3557.
<div style="border:1px solid #2f3557;">Content here</div>
.text {color:#2f3557;}
.background {background-color:#2f3557;}
.border {border:1px solid #2f3557;}
Shades and Tints of #2f3557
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, #06060b is the darkest color, while #fdfdfe is the lightest one.
-
#06060b
#06060b
rgb(6,6,11)
-
#0d0e17
#0d0e17
rgb(13,14,23)
-
#131624
#131624
rgb(19,22,36)
-
#1a1e31
#1a1e31
rgb(26,30,49)
-
#21253e
#21253e
rgb(33,37,62)
-
#282d4a
#282d4a
rgb(40,45,74)
-
#2f3557
#2f3557
rgb(47,53,87)
-
#363d64
#363d64
rgb(54,61,100)
-
#3d4570
#3d4570
rgb(61,69,112)
-
#444c7d
#444c7d
rgb(68,76,125)
-
#4b548a
#4b548a
rgb(75,84,138)
-
#515c97
#515c97
rgb(81,92,151)
-
#5864a3
#5864a3
rgb(88,100,163)
-
#646fab
#646fab
rgb(100,111,171)
-
#717bb2
#717bb2
rgb(113,123,178)
-
#7d86b9
#7d86b9
rgb(125,134,185)
-
#8a92c0
#8a92c0
rgb(138,146,192)
-
#979ec7
#979ec7
rgb(151,158,199)
-
#a4aace
#a4aace
rgb(164,170,206)
-
#b0b6d5
#b0b6d5
rgb(176,182,213)
-
#bdc2db
#bdc2db
rgb(189,194,219)
-
#cacee2
#cacee2
rgb(202,206,226)
-
#d7d9e9
#d7d9e9
rgb(215,217,233)
-
#e3e5f0
#e3e5f0
rgb(227,229,240)
-
#f0f1f7
#f0f1f7
rgb(240,241,247)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #2f3557
A tone is produced by adding gray to any pure hue. In this case, #3e4048 is the less saturated color, while #011585 is the most saturated one.
-
#3e4048
#3e4048
rgb(62,64,72)
-
#393c4d
#393c4d
rgb(57,60,77)
-
#343952
#343952
rgb(52,57,82)
-
#2f3557
#2f3557
rgb(47,53,87)
-
#2a315c
#2a315c
rgb(42,49,92)
-
#252e61
#252e61
rgb(37,46,97)
-
#202a66
#202a66
rgb(32,42,102)
-
#1a276c
#1a276c
rgb(26,39,108)
-
#152371
#152371
rgb(21,35,113)
-
#101f76
#101f76
rgb(16,31,118)
-
#0b1c7b
#0b1c7b
rgb(11,28,123)
-
#061880
#061880
rgb(6,24,128)
-
#011585
#011585
rgb(1,21,133)
Color Blindness Simulator
Below, you can see how #2f3557 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.