#2f557c Color Information
In a RGB color space, hex #2f557c is composed of 18.4% red, 33.3% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 31.5% magenta, 0% yellow and 51.4% black. It has a hue angle of 210.4 degrees, a saturation of 45% and a lightness of 33.5%. #2f557c color hex could be obtained by blending #5eaaf8 with #000000. Closest websafe color is: #336666.
-
- R 18
- G 33
- B 49
-
- C 62
- M 31
- Y 0
- K 51
● #2f557c color description : Dark moderate blue.
#2f557c Color Conversion
The hexadecimal color #2f557c has RGB values of R:47, G:85, B:124 and CMYK values of C:0.62, M:0.31, Y:0, K:0.51. Its decimal value is 3102076.
Hex triplet | 2f557c | #2f557c |
---|---|---|
RGB Decimal | 47, 85, 124 | rgb(47,85,124) |
RGB Percent | 18.4, 33.3, 48.6 | rgb(18.4%,33.3%,48.6%) |
CMYK | 62, 31, 0, 51 | |
HSL | 210.4°, 45, 33.5 | hsl(210.4,45%,33.5%) |
HSV (or HSB) | 210.4°, 62.1, 48.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.115, -0.673, -26.115 |
---|---|
XYZ | 8.058, 8.556, 20.295 |
xyY | 0.218, 0.232, 8.556 |
CIE-LCH | 35.115, 26.124, 268.525 |
CIE-LUV | 35.115, -15.731, -35.611 |
Hunter-Lab | 29.251, -2.015, -20.661 |
Binary | 00101111, 01010101, 01111100 |
Color Schemes with #2f557c
Alternatives to #2f557c
Below, you can see some colors close to #2f557c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f557c Preview
This text has a font color of #2f557c.
<span style="color:#2f557c;">Text here</span>
This paragraph has a background color of #2f557c.
<p style="background-color:#2f557c;">Content here</p>
This element has a border color of #2f557c.
<div style="border:1px solid #2f557c;">Content here</div>
.text {color:#2f557c;}
.background {background-color:#2f557c;}
.border {border:1px solid #2f557c;}
Shades and Tints of #2f557c
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, #04070a is the darkest color, while #fbfcfd is the lightest one.
-
#04070a
#04070a
rgb(4,7,10)
-
#091118
#091118
rgb(9,17,24)
-
#0f1a27
#0f1a27
rgb(15,26,39)
-
#142435
#142435
rgb(20,36,53)
-
#192e43
#192e43
rgb(25,46,67)
-
#1f3851
#1f3851
rgb(31,56,81)
-
#244160
#244160
rgb(36,65,96)
-
#2a4b6e
#2a4b6e
rgb(42,75,110)
-
#2f557c
#2f557c
rgb(47,85,124)
-
#345f8a
#345f8a
rgb(52,95,138)
-
#3a6998
#3a6998
rgb(58,105,152)
-
#3f72a7
#3f72a7
rgb(63,114,167)
-
#457cb5
#457cb5
rgb(69,124,181)
-
#5086bd
#5086bd
rgb(80,134,189)
-
#5f90c2
#5f90c2
rgb(95,144,194)
-
#6d9ac8
#6d9ac8
rgb(109,154,200)
-
#7ba3cd
#7ba3cd
rgb(123,163,205)
-
#89add2
#89add2
rgb(137,173,210)
-
#97b7d8
#97b7d8
rgb(151,183,216)
-
#a6c1dd
#a6c1dd
rgb(166,193,221)
-
#b4cbe3
#b4cbe3
rgb(180,203,227)
-
#c2d5e8
#c2d5e8
rgb(194,213,232)
-
#d0dfed
#d0dfed
rgb(208,223,237)
-
#dfe8f3
#dfe8f3
rgb(223,232,243)
-
#edf2f8
#edf2f8
rgb(237,242,248)
-
#fbfcfd
#fbfcfd
rgb(251,252,253)
Tones of #2f557c
A tone is produced by adding gray to any pure hue. In this case, #50555b is the less saturated color, while #0154aa is the most saturated one.
-
#50555b
#50555b
rgb(80,85,91)
-
#495562
#495562
rgb(73,85,98)
-
#435568
#435568
rgb(67,85,104)
-
#3c556f
#3c556f
rgb(60,85,111)
-
#365575
#365575
rgb(54,85,117)
-
#2f557c
#2f557c
rgb(47,85,124)
-
#285583
#285583
rgb(40,85,131)
-
#225589
#225589
rgb(34,85,137)
-
#1b5590
#1b5590
rgb(27,85,144)
-
#155596
#155596
rgb(21,85,150)
-
#0e559d
#0e559d
rgb(14,85,157)
-
#0854a3
#0854a3
rgb(8,84,163)
-
#0154aa
#0154aa
rgb(1,84,170)
Color Blindness Simulator
Below, you can see how #2f557c 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.