#2f557d Color Information
In a RGB color space, hex #2f557d is composed of 18.4% red, 33.3% green and 49% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 32% magenta, 0% yellow and 51% black. It has a hue angle of 210.8 degrees, a saturation of 45.3% and a lightness of 33.7%. #2f557d color hex could be obtained by blending #5eaafa with #000000. Closest websafe color is: #336666.
-
- R 18
- G 33
- B 49
-
- C 62
- M 32
- Y 0
- K 51
● #2f557d color description : Dark moderate blue.
#2f557d Color Conversion
The hexadecimal color #2f557d has RGB values of R:47, G:85, B:125 and CMYK values of C:0.62, M:0.32, Y:0, K:0.51. Its decimal value is 3102077.
Hex triplet | 2f557d | #2f557d |
---|---|---|
RGB Decimal | 47, 85, 125 | rgb(47,85,125) |
RGB Percent | 18.4, 33.3, 49 | rgb(18.4%,33.3%,49%) |
CMYK | 62, 32, 0, 51 | |
HSL | 210.8°, 45.3, 33.7 | hsl(210.8,45.3%,33.7%) |
HSV (or HSB) | 210.8°, 62.4, 49 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.166, -0.315, -26.653 |
---|---|
XYZ | 8.122, 8.581, 20.629 |
xyY | 0.218, 0.23, 8.581 |
CIE-LCH | 35.166, 26.655, 269.324 |
CIE-LUV | 35.166, -15.713, -36.438 |
Hunter-Lab | 29.294, -1.777, -21.247 |
Binary | 00101111, 01010101, 01111101 |
Color Schemes with #2f557d
Alternatives to #2f557d
Below, you can see some colors close to #2f557d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f557d Preview
This text has a font color of #2f557d.
<span style="color:#2f557d;">Text here</span>
This paragraph has a background color of #2f557d.
<p style="background-color:#2f557d;">Content here</p>
This element has a border color of #2f557d.
<div style="border:1px solid #2f557d;">Content here</div>
.text {color:#2f557d;}
.background {background-color:#2f557d;}
.border {border:1px solid #2f557d;}
Shades and Tints of #2f557d
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, #04070b is the darkest color, while #fcfdfe is the lightest one.
-
#04070b
#04070b
rgb(4,7,11)
-
#091119
#091119
rgb(9,17,25)
-
#0f1b27
#0f1b27
rgb(15,27,39)
-
#142536
#142536
rgb(20,37,54)
-
#1a2e44
#1a2e44
rgb(26,46,68)
-
#1f3852
#1f3852
rgb(31,56,82)
-
#244260
#244260
rgb(36,66,96)
-
#2a4b6f
#2a4b6f
rgb(42,75,111)
-
#2f557d
#2f557d
rgb(47,85,125)
-
#345f8b
#345f8b
rgb(52,95,139)
-
#3a689a
#3a689a
rgb(58,104,154)
-
#3f72a8
#3f72a8
rgb(63,114,168)
-
#447cb6
#447cb6
rgb(68,124,182)
-
#5186bd
#5186bd
rgb(81,134,189)
-
#5f90c3
#5f90c3
rgb(95,144,195)
-
#6d99c8
#6d99c8
rgb(109,153,200)
-
#7ba3ce
#7ba3ce
rgb(123,163,206)
-
#8aadd3
#8aadd3
rgb(138,173,211)
-
#98b7d8
#98b7d8
rgb(152,183,216)
-
#a6c1de
#a6c1de
rgb(166,193,222)
-
#b4cbe3
#b4cbe3
rgb(180,203,227)
-
#c3d5e8
#c3d5e8
rgb(195,213,232)
-
#d1dfee
#d1dfee
rgb(209,223,238)
-
#dfe9f3
#dfe9f3
rgb(223,233,243)
-
#edf3f8
#edf3f8
rgb(237,243,248)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #2f557d
A tone is produced by adding gray to any pure hue. In this case, #50565c is the less saturated color, while #0154ab is the most saturated one.
-
#50565c
#50565c
rgb(80,86,92)
-
#495663
#495663
rgb(73,86,99)
-
#435669
#435669
rgb(67,86,105)
-
#3c5570
#3c5570
rgb(60,85,112)
-
#365576
#365576
rgb(54,85,118)
-
#2f557d
#2f557d
rgb(47,85,125)
-
#285584
#285584
rgb(40,85,132)
-
#22558a
#22558a
rgb(34,85,138)
-
#1b5491
#1b5491
rgb(27,84,145)
-
#155497
#155497
rgb(21,84,151)
-
#0e549e
#0e549e
rgb(14,84,158)
-
#0754a5
#0754a5
rgb(7,84,165)
-
#0154ab
#0154ab
rgb(1,84,171)
Color Blindness Simulator
Below, you can see how #2f557d 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.