#2f5a89 Color Information
In a RGB color space, hex #2f5a89 is composed of 18.4% red, 35.3% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 34.3% magenta, 0% yellow and 46.3% black. It has a hue angle of 211.3 degrees, a saturation of 48.9% and a lightness of 36.1%. #2f5a89 color hex could be obtained by blending #5eb4ff with #000013. Closest websafe color is: #336699.
-
- R 18
- G 35
- B 54
-
- C 66
- M 34
- Y 0
- K 46
● #2f5a89 color description : Dark moderate blue.
#2f5a89 Color Conversion
The hexadecimal color #2f5a89 has RGB values of R:47, G:90, B:137 and CMYK values of C:0.66, M:0.34, Y:0, K:0.46. Its decimal value is 3103369.
Hex triplet | 2f5a89 | #2f5a89 |
---|---|---|
RGB Decimal | 47, 90, 137 | rgb(47,90,137) |
RGB Percent | 18.4, 35.3, 53.7 | rgb(18.4%,35.3%,53.7%) |
CMYK | 66, 34, 0, 46 | |
HSL | 211.3°, 48.9, 36.1 | hsl(211.3,48.9%,36.1%) |
HSV (or HSB) | 211.3°, 65.7, 53.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.339, 0.844, -30.585 |
---|---|
XYZ | 9.343, 9.722, 25.05 |
xyY | 0.212, 0.22, 9.722 |
CIE-LCH | 37.339, 30.597, 271.58 |
CIE-LUV | 37.339, -17.274, -42.929 |
Hunter-Lab | 31.18, -1.081, -25.806 |
Binary | 00101111, 01011010, 10001001 |
Color Schemes with #2f5a89
Alternatives to #2f5a89
Below, you can see some colors close to #2f5a89. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f5a89 Preview
This text has a font color of #2f5a89.
<span style="color:#2f5a89;">Text here</span>
This paragraph has a background color of #2f5a89.
<p style="background-color:#2f5a89;">Content here</p>
This element has a border color of #2f5a89.
<div style="border:1px solid #2f5a89;">Content here</div>
.text {color:#2f5a89;}
.background {background-color:#2f5a89;}
.border {border:1px solid #2f5a89;}
Shades and Tints of #2f5a89
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, #020406 is the darkest color, while #f6f9fc is the lightest one.
-
#020406
#020406
rgb(2,4,6)
-
#070d14
#070d14
rgb(7,13,20)
-
#0c1723
#0c1723
rgb(12,23,35)
-
#112031
#112031
rgb(17,32,49)
-
#162a40
#162a40
rgb(22,42,64)
-
#1b344f
#1b344f
rgb(27,52,79)
-
#203d5d
#203d5d
rgb(32,61,93)
-
#25476c
#25476c
rgb(37,71,108)
-
#2a507a
#2a507a
rgb(42,80,122)
-
#2f5a89
#2f5a89
rgb(47,90,137)
-
#346498
#346498
rgb(52,100,152)
-
#396da6
#396da6
rgb(57,109,166)
-
#3e77b5
#3e77b5
rgb(62,119,181)
-
#4781c0
#4781c0
rgb(71,129,192)
-
#558bc5
#558bc5
rgb(85,139,197)
-
#6495ca
#6495ca
rgb(100,149,202)
-
#739fcf
#739fcf
rgb(115,159,207)
-
#81a9d4
#81a9d4
rgb(129,169,212)
-
#90b3d9
#90b3d9
rgb(144,179,217)
-
#9ebdde
#9ebdde
rgb(158,189,222)
-
#adc7e3
#adc7e3
rgb(173,199,227)
-
#bcd1e8
#bcd1e8
rgb(188,209,232)
-
#cadbed
#cadbed
rgb(202,219,237)
-
#d9e5f2
#d9e5f2
rgb(217,229,242)
-
#e7eff7
#e7eff7
rgb(231,239,247)
-
#f6f9fc
#f6f9fc
rgb(246,249,252)
Tones of #2f5a89
A tone is produced by adding gray to any pure hue. In this case, #595c5f is the less saturated color, while #0558b3 is the most saturated one.
-
#595c5f
#595c5f
rgb(89,92,95)
-
#525c66
#525c66
rgb(82,92,102)
-
#4b5b6d
#4b5b6d
rgb(75,91,109)
-
#445b74
#445b74
rgb(68,91,116)
-
#3d5b7b
#3d5b7b
rgb(61,91,123)
-
#365a82
#365a82
rgb(54,90,130)
-
#2f5a89
#2f5a89
rgb(47,90,137)
-
#285a90
#285a90
rgb(40,90,144)
-
#215997
#215997
rgb(33,89,151)
-
#1a599e
#1a599e
rgb(26,89,158)
-
#1359a5
#1359a5
rgb(19,89,165)
-
#0c58ac
#0c58ac
rgb(12,88,172)
-
#0558b3
#0558b3
rgb(5,88,179)
Color Blindness Simulator
Below, you can see how #2f5a89 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.