#2a5670 Color Information
In a RGB color space, hex #2a5670 is composed of 16.5% red, 33.7% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 23.2% magenta, 0% yellow and 56.1% black. It has a hue angle of 202.3 degrees, a saturation of 45.5% and a lightness of 30.2%. #2a5670 color hex could be obtained by blending #54ace0 with #000000. Closest websafe color is: #336666.
-
- R 16
- G 34
- B 44
-
- C 63
- M 23
- Y 0
- K 56
● #2a5670 color description : Very dark blue.
#2a5670 Color Conversion
The hexadecimal color #2a5670 has RGB values of R:42, G:86, B:112 and CMYK values of C:0.63, M:0.23, Y:0, K:0.56. Its decimal value is 2774640.
Hex triplet | 2a5670 | #2a5670 |
---|---|---|
RGB Decimal | 42, 86, 112 | rgb(42,86,112) |
RGB Percent | 16.5, 33.7, 43.9 | rgb(16.5%,33.7%,43.9%) |
CMYK | 63, 23, 0, 56 | |
HSL | 202.3°, 45.5, 30.2 | hsl(202.3,45.5%,30.2%) |
HSV (or HSB) | 202.3°, 62.5, 43.9 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.635, -6.629, -19.443 |
---|---|
XYZ | 7.207, 8.317, 16.554 |
xyY | 0.225, 0.259, 8.317 |
CIE-LCH | 34.635, 20.542, 251.172 |
CIE-LUV | 34.635, -17.618, -25.304 |
Hunter-Lab | 28.84, -5.865, -13.845 |
Binary | 00101010, 01010110, 01110000 |
Color Schemes with #2a5670
Alternatives to #2a5670
Below, you can see some colors close to #2a5670. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2a5670 Preview
This text has a font color of #2a5670.
<span style="color:#2a5670;">Text here</span>
This paragraph has a background color of #2a5670.
<p style="background-color:#2a5670;">Content here</p>
This element has a border color of #2a5670.
<div style="border:1px solid #2a5670;">Content here</div>
.text {color:#2a5670;}
.background {background-color:#2a5670;}
.border {border:1px solid #2a5670;}
Shades and Tints of #2a5670
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)
-
#0a141a
#0a141a
rgb(10,20,26)
-
#0f1f29
#0f1f29
rgb(15,31,41)
-
#152a37
#152a37
rgb(21,42,55)
-
#1a3545
#1a3545
rgb(26,53,69)
-
#1f4053
#1f4053
rgb(31,64,83)
-
#254b62
#254b62
rgb(37,75,98)
-
#2a5670
#2a5670
rgb(42,86,112)
-
#2f617e
#2f617e
rgb(47,97,126)
-
#356c8d
#356c8d
rgb(53,108,141)
-
#3a779b
#3a779b
rgb(58,119,155)
-
#3f82a9
#3f82a9
rgb(63,130,169)
-
#458db7
#458db7
rgb(69,141,183)
-
#5296be
#5296be
rgb(82,150,190)
-
#609ec3
#609ec3
rgb(96,158,195)
-
#6ea7c9
#6ea7c9
rgb(110,167,201)
-
#7cb0ce
#7cb0ce
rgb(124,176,206)
-
#8bb8d3
#8bb8d3
rgb(139,184,211)
-
#99c1d9
#99c1d9
rgb(153,193,217)
-
#a7cade
#a7cade
rgb(167,202,222)
-
#b6d2e3
#b6d2e3
rgb(182,210,227)
-
#c4dbe9
#c4dbe9
rgb(196,219,233)
-
#d2e4ee
#d2e4ee
rgb(210,228,238)
-
#e0ecf4
#e0ecf4
rgb(224,236,244)
-
#eff5f9
#eff5f9
rgb(239,245,249)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #2a5670
A tone is produced by adding gray to any pure hue. In this case, #484e52 is the less saturated color, while #016199 is the most saturated one.
-
#484e52
#484e52
rgb(72,78,82)
-
#425058
#425058
rgb(66,80,88)
-
#3c515e
#3c515e
rgb(60,81,94)
-
#365364
#365364
rgb(54,83,100)
-
#30546a
#30546a
rgb(48,84,106)
-
#2a5670
#2a5670
rgb(42,86,112)
-
#245876
#245876
rgb(36,88,118)
-
#1e597c
#1e597c
rgb(30,89,124)
-
#185b82
#185b82
rgb(24,91,130)
-
#125c88
#125c88
rgb(18,92,136)
-
#0c5e8e
#0c5e8e
rgb(12,94,142)
-
#065f94
#065f94
rgb(6,95,148)
-
#016199
#016199
rgb(1,97,153)
Color Blindness Simulator
Below, you can see how #2a5670 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.