#2f557b Color Information
In a RGB color space, hex #2f557b is composed of 18.4% red, 33.3% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 30.9% magenta, 0% yellow and 51.8% black. It has a hue angle of 210 degrees, a saturation of 44.7% and a lightness of 33.3%. #2f557b color hex could be obtained by blending #5eaaf6 with #000000. Closest websafe color is: #336666.
-
- R 18
- G 33
- B 48
-
- C 62
- M 31
- Y 0
- K 52
● #2f557b color description : Dark moderate blue.
#2f557b Color Conversion
The hexadecimal color #2f557b has RGB values of R:47, G:85, B:123 and CMYK values of C:0.62, M:0.31, Y:0, K:0.52. Its decimal value is 3102075.
Hex triplet | 2f557b | #2f557b |
---|---|---|
RGB Decimal | 47, 85, 123 | rgb(47,85,123) |
RGB Percent | 18.4, 33.3, 48.2 | rgb(18.4%,33.3%,48.2%) |
CMYK | 62, 31, 0, 52 | |
HSL | 210°, 44.7, 33.3 | hsl(210,44.7%,33.3%) |
HSV (or HSB) | 210°, 61.8, 48.2 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.065, -1.03, -25.576 |
---|---|
XYZ | 7.995, 8.531, 19.963 |
xyY | 0.219, 0.234, 8.531 |
CIE-LCH | 35.065, 25.597, 267.695 |
CIE-LUV | 35.065, -15.748, -34.784 |
Hunter-Lab | 29.208, -2.252, -20.079 |
Binary | 00101111, 01010101, 01111011 |
Color Schemes with #2f557b
Alternatives to #2f557b
Below, you can see some colors close to #2f557b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f557b Preview
This text has a font color of #2f557b.
<span style="color:#2f557b;">Text here</span>
This paragraph has a background color of #2f557b.
<p style="background-color:#2f557b;">Content here</p>
This element has a border color of #2f557b.
<div style="border:1px solid #2f557b;">Content here</div>
.text {color:#2f557b;}
.background {background-color:#2f557b;}
.border {border:1px solid #2f557b;}
Shades and Tints of #2f557b
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, #040709 is the darkest color, while #fafcfd is the lightest one.
-
#040709
#040709
rgb(4,7,9)
-
#091018
#091018
rgb(9,16,24)
-
#0e1a26
#0e1a26
rgb(14,26,38)
-
#142434
#142434
rgb(20,36,52)
-
#192e42
#192e42
rgb(25,46,66)
-
#1f3850
#1f3850
rgb(31,56,80)
-
#24415f
#24415f
rgb(36,65,95)
-
#2a4b6d
#2a4b6d
rgb(42,75,109)
-
#2f557b
#2f557b
rgb(47,85,123)
-
#345f89
#345f89
rgb(52,95,137)
-
#3a6997
#3a6997
rgb(58,105,151)
-
#3f72a6
#3f72a6
rgb(63,114,166)
-
#457cb4
#457cb4
rgb(69,124,180)
-
#5086bc
#5086bc
rgb(80,134,188)
-
#5e90c2
#5e90c2
rgb(94,144,194)
-
#6c9ac7
#6c9ac7
rgb(108,154,199)
-
#7ba3cc
#7ba3cc
rgb(123,163,204)
-
#89add2
#89add2
rgb(137,173,210)
-
#97b7d7
#97b7d7
rgb(151,183,215)
-
#a5c1dd
#a5c1dd
rgb(165,193,221)
-
#b3cbe2
#b3cbe2
rgb(179,203,226)
-
#c2d5e8
#c2d5e8
rgb(194,213,232)
-
#d0deed
#d0deed
rgb(208,222,237)
-
#dee8f2
#dee8f2
rgb(222,232,242)
-
#ecf2f8
#ecf2f8
rgb(236,242,248)
-
#fafcfd
#fafcfd
rgb(250,252,253)
Tones of #2f557b
A tone is produced by adding gray to any pure hue. In this case, #50555a is the less saturated color, while #0155a9 is the most saturated one.
-
#50555a
#50555a
rgb(80,85,90)
-
#495561
#495561
rgb(73,85,97)
-
#435567
#435567
rgb(67,85,103)
-
#3c556e
#3c556e
rgb(60,85,110)
-
#365574
#365574
rgb(54,85,116)
-
#2f557b
#2f557b
rgb(47,85,123)
-
#285582
#285582
rgb(40,85,130)
-
#225588
#225588
rgb(34,85,136)
-
#1b558f
#1b558f
rgb(27,85,143)
-
#155595
#155595
rgb(21,85,149)
-
#0e559c
#0e559c
rgb(14,85,156)
-
#0855a2
#0855a2
rgb(8,85,162)
-
#0155a9
#0155a9
rgb(1,85,169)
Color Blindness Simulator
Below, you can see how #2f557b 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.