#2a556b Color Information
In a RGB color space, hex #2a556b is composed of 16.5% red, 33.3% green and 42% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 20.6% magenta, 0% yellow and 58% black. It has a hue angle of 200.3 degrees, a saturation of 43.6% and a lightness of 29.2%. #2a556b color hex could be obtained by blending #54aad6 with #000000. Closest websafe color is: #336666.
-
- R 16
- G 33
- B 42
-
- C 61
- M 21
- Y 0
- K 58
● #2a556b color description : Very dark blue.
#2a556b Color Conversion
The hexadecimal color #2a556b has RGB values of R:42, G:85, B:107 and CMYK values of C:0.61, M:0.21, Y:0, K:0.58. Its decimal value is 2774379.
Hex triplet | 2a556b | #2a556b |
---|---|---|
RGB Decimal | 42, 85, 107 | rgb(42,85,107) |
RGB Percent | 16.5, 33.3, 42 | rgb(16.5%,33.3%,42%) |
CMYK | 61, 21, 0, 58 | |
HSL | 200.3°, 43.6, 29.2 | hsl(200.3,43.6%,29.2%) |
HSV (or HSB) | 200.3°, 60.7, 42 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.087, -7.753, -17.169 |
---|---|
XYZ | 6.857, 8.05, 15.102 |
xyY | 0.228, 0.268, 8.05 |
CIE-LCH | 34.087, 18.838, 245.698 |
CIE-LUV | 34.087, -17.385, -21.86 |
Hunter-Lab | 28.373, -6.517, -11.696 |
Binary | 00101010, 01010101, 01101011 |
Color Schemes with #2a556b
Alternatives to #2a556b
Below, you can see some colors close to #2a556b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2a556b Preview
This text has a font color of #2a556b.
<span style="color:#2a556b;">Text here</span>
This paragraph has a background color of #2a556b.
<p style="background-color:#2a556b;">Content here</p>
This element has a border color of #2a556b.
<div style="border:1px solid #2a556b;">Content here</div>
.text {color:#2a556b;}
.background {background-color:#2a556b;}
.border {border:1px solid #2a556b;}
Shades and Tints of #2a556b
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, #030708 is the darkest color, while #f9fcfd is the lightest one.
-
#030708
#030708
rgb(3,7,8)
-
#091216
#091216
rgb(9,18,22)
-
#0e1d25
#0e1d25
rgb(14,29,37)
-
#142833
#142833
rgb(20,40,51)
-
#193341
#193341
rgb(25,51,65)
-
#1f3f4f
#1f3f4f
rgb(31,63,79)
-
#244a5d
#244a5d
rgb(36,74,93)
-
#2a556b
#2a556b
rgb(42,85,107)
-
#306079
#306079
rgb(48,96,121)
-
#356b87
#356b87
rgb(53,107,135)
-
#3b7795
#3b7795
rgb(59,119,149)
-
#4082a3
#4082a3
rgb(64,130,163)
-
#468db1
#468db1
rgb(70,141,177)
-
#5096ba
#5096ba
rgb(80,150,186)
-
#5e9fc0
#5e9fc0
rgb(94,159,192)
-
#6ca7c5
#6ca7c5
rgb(108,167,197)
-
#7bb0cb
#7bb0cb
rgb(123,176,203)
-
#89b8d1
#89b8d1
rgb(137,184,209)
-
#97c1d6
#97c1d6
rgb(151,193,214)
-
#a5c9dc
#a5c9dc
rgb(165,201,220)
-
#b3d1e1
#b3d1e1
rgb(179,209,225)
-
#c1dae7
#c1dae7
rgb(193,218,231)
-
#cfe2ec
#cfe2ec
rgb(207,226,236)
-
#ddebf2
#ddebf2
rgb(221,235,242)
-
#ebf3f7
#ebf3f7
rgb(235,243,247)
-
#f9fcfd
#f9fcfd
rgb(249,252,253)
Tones of #2a556b
A tone is produced by adding gray to any pure hue. In this case, #474c4e is the less saturated color, while #026293 is the most saturated one.
-
#474c4e
#474c4e
rgb(71,76,78)
-
#414e54
#414e54
rgb(65,78,84)
-
#3b4f5a
#3b4f5a
rgb(59,79,90)
-
#355160
#355160
rgb(53,81,96)
-
#305365
#305365
rgb(48,83,101)
-
#2a556b
#2a556b
rgb(42,85,107)
-
#245771
#245771
rgb(36,87,113)
-
#1f5976
#1f5976
rgb(31,89,118)
-
#195b7c
#195b7c
rgb(25,91,124)
-
#135c82
#135c82
rgb(19,92,130)
-
#0d5e88
#0d5e88
rgb(13,94,136)
-
#08608d
#08608d
rgb(8,96,141)
-
#026293
#026293
rgb(2,98,147)
Color Blindness Simulator
Below, you can see how #2a556b 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.