#2f577f Color Information
In a RGB color space, hex #2f577f is composed of 18.4% red, 34.1% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 31.5% magenta, 0% yellow and 50.2% black. It has a hue angle of 210 degrees, a saturation of 46% and a lightness of 34.1%. #2f577f color hex could be obtained by blending #5eaefe with #000000. Closest websafe color is: #336666.
-
- R 18
- G 34
- B 50
-
- C 63
- M 31
- Y 0
- K 50
● #2f577f color description : Dark moderate blue.
#2f577f Color Conversion
The hexadecimal color #2f577f has RGB values of R:47, G:87, B:127 and CMYK values of C:0.63, M:0.31, Y:0, K:0.5. Its decimal value is 3102591.
Hex triplet | 2f577f | #2f577f |
---|---|---|
RGB Decimal | 47, 87, 127 | rgb(47,87,127) |
RGB Percent | 18.4, 34.1, 49.8 | rgb(18.4%,34.1%,49.8%) |
CMYK | 63, 31, 0, 50 | |
HSL | 210°, 46, 34.1 | hsl(210,46%,34.1%) |
HSV (or HSB) | 210°, 63, 49.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.893, -0.868, -26.744 |
---|---|
XYZ | 8.41, 8.952, 21.362 |
xyY | 0.217, 0.231, 8.952 |
CIE-LCH | 35.893, 26.758, 268.14 |
CIE-LUV | 35.893, -16.402, -36.718 |
Hunter-Lab | 29.921, -2.187, -21.386 |
Binary | 00101111, 01010111, 01111111 |
Color Schemes with #2f577f
Alternatives to #2f577f
Below, you can see some colors close to #2f577f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f577f Preview
This text has a font color of #2f577f.
<span style="color:#2f577f;">Text here</span>
This paragraph has a background color of #2f577f.
<p style="background-color:#2f577f;">Content here</p>
This element has a border color of #2f577f.
<div style="border:1px solid #2f577f;">Content here</div>
.text {color:#2f577f;}
.background {background-color:#2f577f;}
.border {border:1px solid #2f577f;}
Shades and Tints of #2f577f
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, #05090c is the darkest color, while #fdfefe is the lightest one.
-
#05090c
#05090c
rgb(5,9,12)
-
#0a121b
#0a121b
rgb(10,18,27)
-
#0f1c29
#0f1c29
rgb(15,28,41)
-
#152637
#152637
rgb(21,38,55)
-
#1a3046
#1a3046
rgb(26,48,70)
-
#1f3a54
#1f3a54
rgb(31,58,84)
-
#244362
#244362
rgb(36,67,98)
-
#2a4d71
#2a4d71
rgb(42,77,113)
-
#2f577f
#2f577f
rgb(47,87,127)
-
#34618d
#34618d
rgb(52,97,141)
-
#3a6b9c
#3a6b9c
rgb(58,107,156)
-
#3f74aa
#3f74aa
rgb(63,116,170)
-
#447eb8
#447eb8
rgb(68,126,184)
-
#5188bf
#5188bf
rgb(81,136,191)
-
#6092c4
#6092c4
rgb(96,146,196)
-
#6e9cc9
#6e9cc9
rgb(110,156,201)
-
#7ca5cf
#7ca5cf
rgb(124,165,207)
-
#8bafd4
#8bafd4
rgb(139,175,212)
-
#99b9d9
#99b9d9
rgb(153,185,217)
-
#a7c3df
#a7c3df
rgb(167,195,223)
-
#b6cde4
#b6cde4
rgb(182,205,228)
-
#c4d7e9
#c4d7e9
rgb(196,215,233)
-
#d2e0ee
#d2e0ee
rgb(210,224,238)
-
#e1eaf4
#e1eaf4
rgb(225,234,244)
-
#eff4f9
#eff4f9
rgb(239,244,249)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #2f577f
A tone is produced by adding gray to any pure hue. In this case, #50575e is the less saturated color, while #0057ae is the most saturated one.
-
#50575e
#50575e
rgb(80,87,94)
-
#4a5764
#4a5764
rgb(74,87,100)
-
#43576b
#43576b
rgb(67,87,107)
-
#3c5772
#3c5772
rgb(60,87,114)
-
#365778
#365778
rgb(54,87,120)
-
#2f577f
#2f577f
rgb(47,87,127)
-
#285786
#285786
rgb(40,87,134)
-
#22578c
#22578c
rgb(34,87,140)
-
#1b5793
#1b5793
rgb(27,87,147)
-
#14579a
#14579a
rgb(20,87,154)
-
#0e57a0
#0e57a0
rgb(14,87,160)
-
#0757a7
#0757a7
rgb(7,87,167)
-
#0057ae
#0057ae
rgb(0,87,174)
Color Blindness Simulator
Below, you can see how #2f577f 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.