#2f4557 Color Information
In a RGB color space, hex #2f4557 is composed of 18.4% red, 27.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 20.7% magenta, 0% yellow and 65.9% black. It has a hue angle of 207 degrees, a saturation of 29.9% and a lightness of 26.3%. #2f4557 color hex could be obtained by blending #5e8aae with #000000. Closest websafe color is: #333366.
-
- R 18
- G 27
- B 34
-
- C 46
- M 21
- Y 0
- K 66
● #2f4557 color description : Very dark desaturated blue.
#2f4557 Color Conversion
The hexadecimal color #2f4557 has RGB values of R:47, G:69, B:87 and CMYK values of C:0.46, M:0.21, Y:0, K:0.66. Its decimal value is 3097943.
Hex triplet | 2f4557 | #2f4557 |
---|---|---|
RGB Decimal | 47, 69, 87 | rgb(47,69,87) |
RGB Percent | 18.4, 27.1, 34.1 | rgb(18.4%,27.1%,34.1%) |
CMYK | 46, 21, 0, 66 | |
HSL | 207°, 29.9, 26.3 | hsl(207,29.9%,26.3%) |
HSV (or HSB) | 207°, 46, 34.1 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 28.243, -3.104, -13.417 |
---|---|
XYZ | 5.02, 5.548, 9.823 |
xyY | 0.246, 0.272, 5.548 |
CIE-LCH | 28.243, 13.771, 256.974 |
CIE-LUV | 28.243, -10.005, -16.201 |
Hunter-Lab | 23.555, -3.178, -8.236 |
Binary | 00101111, 01000101, 01010111 |
Color Schemes with #2f4557
Alternatives to #2f4557
Below, you can see some colors close to #2f4557. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f4557 Preview
This text has a font color of #2f4557.
<span style="color:#2f4557;">Text here</span>
This paragraph has a background color of #2f4557.
<p style="background-color:#2f4557;">Content here</p>
This element has a border color of #2f4557.
<div style="border:1px solid #2f4557;">Content here</div>
.text {color:#2f4557;}
.background {background-color:#2f4557;}
.border {border:1px solid #2f4557;}
Shades and Tints of #2f4557
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, #06080b is the darkest color, while #fdfdfe is the lightest one.
-
#06080b
#06080b
rgb(6,8,11)
-
#0d1217
#0d1217
rgb(13,18,23)
-
#131d24
#131d24
rgb(19,29,36)
-
#1a2731
#1a2731
rgb(26,39,49)
-
#21313e
#21313e
rgb(33,49,62)
-
#283b4a
#283b4a
rgb(40,59,74)
-
#2f4557
#2f4557
rgb(47,69,87)
-
#364f64
#364f64
rgb(54,79,100)
-
#3d5970
#3d5970
rgb(61,89,112)
-
#44637d
#44637d
rgb(68,99,125)
-
#4b6d8a
#4b6d8a
rgb(75,109,138)
-
#517897
#517897
rgb(81,120,151)
-
#5882a3
#5882a3
rgb(88,130,163)
-
#648bab
#648bab
rgb(100,139,171)
-
#7195b2
#7195b2
rgb(113,149,178)
-
#7d9eb9
#7d9eb9
rgb(125,158,185)
-
#8aa8c0
#8aa8c0
rgb(138,168,192)
-
#97b1c7
#97b1c7
rgb(151,177,199)
-
#a4bbce
#a4bbce
rgb(164,187,206)
-
#b0c4d5
#b0c4d5
rgb(176,196,213)
-
#bdcedb
#bdcedb
rgb(189,206,219)
-
#cad7e2
#cad7e2
rgb(202,215,226)
-
#d7e1e9
#d7e1e9
rgb(215,225,233)
-
#e3eaf0
#e3eaf0
rgb(227,234,240)
-
#f0f4f7
#f0f4f7
rgb(240,244,247)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #2f4557
A tone is produced by adding gray to any pure hue. In this case, #3e4348 is the less saturated color, while #014a85 is the most saturated one.
-
#3e4348
#3e4348
rgb(62,67,72)
-
#39444d
#39444d
rgb(57,68,77)
-
#344452
#344452
rgb(52,68,82)
-
#2f4557
#2f4557
rgb(47,69,87)
-
#2a465c
#2a465c
rgb(42,70,92)
-
#254661
#254661
rgb(37,70,97)
-
#204766
#204766
rgb(32,71,102)
-
#1a476c
#1a476c
rgb(26,71,108)
-
#154871
#154871
rgb(21,72,113)
-
#104876
#104876
rgb(16,72,118)
-
#0b497b
#0b497b
rgb(11,73,123)
-
#064980
#064980
rgb(6,73,128)
-
#014a85
#014a85
rgb(1,74,133)
Color Blindness Simulator
Below, you can see how #2f4557 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.