#2a5678 Color Information
In a RGB color space, hex #2a5678 is composed of 16.5% red, 33.7% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 28.3% magenta, 0% yellow and 52.9% black. It has a hue angle of 206.2 degrees, a saturation of 48.1% and a lightness of 31.8%. #2a5678 color hex could be obtained by blending #54acf0 with #000000. Closest websafe color is: #336666.
-
- R 16
- G 34
- B 47
-
- C 65
- M 28
- Y 0
- K 53
● #2a5678 color description : Dark moderate blue.
#2a5678 Color Conversion
The hexadecimal color #2a5678 has RGB values of R:42, G:86, B:120 and CMYK values of C:0.65, M:0.28, Y:0, K:0.53. Its decimal value is 2774648.
Hex triplet | 2a5678 | #2a5678 |
---|---|---|
RGB Decimal | 42, 86, 120 | rgb(42,86,120) |
RGB Percent | 16.5, 33.7, 47.1 | rgb(16.5%,33.7%,47.1%) |
CMYK | 65, 28, 0, 53 | |
HSL | 206.2°, 48.1, 31.8 | hsl(206.2,48.1%,31.8%) |
HSV (or HSB) | 206.2°, 65, 47.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.01, -3.784, -23.824 |
---|---|
XYZ | 7.672, 8.503, 19.005 |
xyY | 0.218, 0.242, 8.503 |
CIE-LCH | 35.01, 24.123, 260.974 |
CIE-LUV | 35.01, -17.388, -31.966 |
Hunter-Lab | 29.161, -4.068, -18.23 |
Binary | 00101010, 01010110, 01111000 |
Color Schemes with #2a5678
Alternatives to #2a5678
Below, you can see some colors close to #2a5678. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2a5678 Preview
This text has a font color of #2a5678.
<span style="color:#2a5678;">Text here</span>
This paragraph has a background color of #2a5678.
<p style="background-color:#2a5678;">Content here</p>
This element has a border color of #2a5678.
<div style="border:1px solid #2a5678;">Content here</div>
.text {color:#2a5678;}
.background {background-color:#2a5678;}
.border {border:1px solid #2a5678;}
Shades and Tints of #2a5678
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, #010304 is the darkest color, while #f4f8fb is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#060d12
#060d12
rgb(6,13,18)
-
#0b1821
#0b1821
rgb(11,24,33)
-
#11222f
#11222f
rgb(17,34,47)
-
#162c3e
#162c3e
rgb(22,44,62)
-
#1b374c
#1b374c
rgb(27,55,76)
-
#20415b
#20415b
rgb(32,65,91)
-
#254c69
#254c69
rgb(37,76,105)
-
#2a5678
#2a5678
rgb(42,86,120)
-
#2f6087
#2f6087
rgb(47,96,135)
-
#346b95
#346b95
rgb(52,107,149)
-
#3975a4
#3975a4
rgb(57,117,164)
-
#3e80b2
#3e80b2
rgb(62,128,178)
-
#468abe
#468abe
rgb(70,138,190)
-
#5493c3
#5493c3
rgb(84,147,195)
-
#639cc8
#639cc8
rgb(99,156,200)
-
#71a5cd
#71a5cd
rgb(113,165,205)
-
#80afd3
#80afd3
rgb(128,175,211)
-
#8fb8d8
#8fb8d8
rgb(143,184,216)
-
#9dc1dd
#9dc1dd
rgb(157,193,221)
-
#accae2
#accae2
rgb(172,202,226)
-
#bad3e7
#bad3e7
rgb(186,211,231)
-
#c9ddec
#c9ddec
rgb(201,221,236)
-
#d7e6f1
#d7e6f1
rgb(215,230,241)
-
#e6eff6
#e6eff6
rgb(230,239,246)
-
#f4f8fb
#f4f8fb
rgb(244,248,251)
Tones of #2a5678
A tone is produced by adding gray to any pure hue. In this case, #4f5153 is the less saturated color, while #055b9d is the most saturated one.
-
#4f5153
#4f5153
rgb(79,81,83)
-
#495259
#495259
rgb(73,82,89)
-
#43535f
#43535f
rgb(67,83,95)
-
#3d5465
#3d5465
rgb(61,84,101)
-
#36546c
#36546c
rgb(54,84,108)
-
#305572
#305572
rgb(48,85,114)
-
#2a5678
#2a5678
rgb(42,86,120)
-
#24577e
#24577e
rgb(36,87,126)
-
#1e5884
#1e5884
rgb(30,88,132)
-
#17588b
#17588b
rgb(23,88,139)
-
#115991
#115991
rgb(17,89,145)
-
#0b5a97
#0b5a97
rgb(11,90,151)
-
#055b9d
#055b9d
rgb(5,91,157)
Color Blindness Simulator
Below, you can see how #2a5678 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.