#2a557e Color Information
In a RGB color space, hex #2a557e is composed of 16.5% red, 33.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 32.5% magenta, 0% yellow and 50.6% black. It has a hue angle of 209.3 degrees, a saturation of 50% and a lightness of 32.9%. #2a557e color hex could be obtained by blending #54aafc with #000000. Closest websafe color is: #336666.
-
- R 16
- G 33
- B 49
-
- C 67
- M 33
- Y 0
- K 51
● #2a557e color description : Dark moderate blue.
#2a557e Color Conversion
The hexadecimal color #2a557e has RGB values of R:42, G:85, B:126 and CMYK values of C:0.67, M:0.33, Y:0, K:0.51. Its decimal value is 2774398.
Hex triplet | 2a557e | #2a557e |
---|---|---|
RGB Decimal | 42, 85, 126 | rgb(42,85,126) |
RGB Percent | 16.5, 33.3, 49.4 | rgb(16.5%,33.3%,49.4%) |
CMYK | 67, 33, 0, 51 | |
HSL | 209.3°, 50, 32.9 | hsl(209.3,50%,32.9%) |
HSV (or HSB) | 209.3°, 66.7, 49.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.993, -0.965, -27.556 |
---|---|
XYZ | 7.968, 8.495, 20.957 |
xyY | 0.213, 0.227, 8.495 |
CIE-LCH | 34.993, 27.573, 267.993 |
CIE-LUV | 34.993, -16.868, -37.628 |
Hunter-Lab | 29.146, -2.205, -22.229 |
Binary | 00101010, 01010101, 01111110 |
Color Schemes with #2a557e
Alternatives to #2a557e
Below, you can see some colors close to #2a557e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2a557e Preview
This text has a font color of #2a557e.
<span style="color:#2a557e;">Text here</span>
This paragraph has a background color of #2a557e.
<p style="background-color:#2a557e;">Content here</p>
This element has a border color of #2a557e.
<div style="border:1px solid #2a557e;">Content here</div>
.text {color:#2a557e;}
.background {background-color:#2a557e;}
.border {border:1px solid #2a557e;}
Shades and Tints of #2a557e
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, #030608 is the darkest color, while #f9fbfd is the lightest one.
-
#030608
#030608
rgb(3,6,8)
-
#081017
#081017
rgb(8,16,23)
-
#0d1926
#0d1926
rgb(13,25,38)
-
#112334
#112334
rgb(17,35,52)
-
#162d43
#162d43
rgb(22,45,67)
-
#1b3752
#1b3752
rgb(27,55,82)
-
#204161
#204161
rgb(32,65,97)
-
#254b6f
#254b6f
rgb(37,75,111)
-
#2a557e
#2a557e
rgb(42,85,126)
-
#2f5f8d
#2f5f8d
rgb(47,95,141)
-
#34699b
#34699b
rgb(52,105,155)
-
#3973aa
#3973aa
rgb(57,115,170)
-
#3e7db9
#3e7db9
rgb(62,125,185)
-
#4886c2
#4886c2
rgb(72,134,194)
-
#5790c7
#5790c7
rgb(87,144,199)
-
#659acc
#659acc
rgb(101,154,204)
-
#74a4d1
#74a4d1
rgb(116,164,209)
-
#83add6
#83add6
rgb(131,173,214)
-
#92b7db
#92b7db
rgb(146,183,219)
-
#a0c1df
#a0c1df
rgb(160,193,223)
-
#afcae4
#afcae4
rgb(175,202,228)
-
#bed4e9
#bed4e9
rgb(190,212,233)
-
#ccdeee
#ccdeee
rgb(204,222,238)
-
#dbe7f3
#dbe7f3
rgb(219,231,243)
-
#eaf1f8
#eaf1f8
rgb(234,241,248)
-
#f9fbfd
#f9fbfd
rgb(249,251,253)
Tones of #2a557e
A tone is produced by adding gray to any pure hue. In this case, #515457 is the less saturated color, while #0356a5 is the most saturated one.
-
#515457
#515457
rgb(81,84,87)
-
#4a545e
#4a545e
rgb(74,84,94)
-
#445464
#445464
rgb(68,84,100)
-
#3d556b
#3d556b
rgb(61,85,107)
-
#375571
#375571
rgb(55,85,113)
-
#305578
#305578
rgb(48,85,120)
-
#2a557e
#2a557e
rgb(42,85,126)
-
#245584
#245584
rgb(36,85,132)
-
#1d558b
#1d558b
rgb(29,85,139)
-
#175591
#175591
rgb(23,85,145)
-
#105698
#105698
rgb(16,86,152)
-
#0a569e
#0a569e
rgb(10,86,158)
-
#0356a5
#0356a5
rgb(3,86,165)
Color Blindness Simulator
Below, you can see how #2a557e 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.