#2a4557 Color Information
In a RGB color space, hex #2a4557 is composed of 16.5% red, 27.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 20.7% magenta, 0% yellow and 65.9% black. It has a hue angle of 204 degrees, a saturation of 34.9% and a lightness of 25.3%. #2a4557 color hex could be obtained by blending #548aae with #000000. Closest websafe color is: #333366.
-
- R 16
- G 27
- B 34
-
- C 52
- M 21
- Y 0
- K 66
● #2a4557 color description : Very dark desaturated blue.
#2a4557 Color Conversion
The hexadecimal color #2a4557 has RGB values of R:42, G:69, B:87 and CMYK values of C:0.52, M:0.21, Y:0, K:0.66. Its decimal value is 2770263.
Hex triplet | 2a4557 | #2a4557 |
---|---|---|
RGB Decimal | 42, 69, 87 | rgb(42,69,87) |
RGB Percent | 16.5, 27.1, 34.1 | rgb(16.5%,27.1%,34.1%) |
CMYK | 52, 21, 0, 66 | |
HSL | 204°, 34.9, 25.3 | hsl(204,34.9%,25.3%) |
HSV (or HSB) | 204°, 51.7, 34.1 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 27.943, -4.559, -13.903 |
---|---|
XYZ | 4.803, 5.436, 9.813 |
xyY | 0.24, 0.271, 5.436 |
CIE-LCH | 27.943, 14.632, 251.844 |
CIE-LUV | 27.943, -11.595, -16.627 |
Hunter-Lab | 23.316, -4.034, -8.631 |
Binary | 00101010, 01000101, 01010111 |
Color Schemes with #2a4557
Alternatives to #2a4557
Below, you can see some colors close to #2a4557. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2a4557 Preview
This text has a font color of #2a4557.
<span style="color:#2a4557;">Text here</span>
This paragraph has a background color of #2a4557.
<p style="background-color:#2a4557;">Content here</p>
This element has a border color of #2a4557.
<div style="border:1px solid #2a4557;">Content here</div>
.text {color:#2a4557;}
.background {background-color:#2a4557;}
.border {border:1px solid #2a4557;}
Shades and Tints of #2a4557
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, #040608 is the darkest color, while #f9fbfc is the lightest one.
-
#040608
#040608
rgb(4,6,8)
-
#0a1115
#0a1115
rgb(10,17,21)
-
#101b22
#101b22
rgb(16,27,34)
-
#17262f
#17262f
rgb(23,38,47)
-
#1d303d
#1d303d
rgb(29,48,61)
-
#243b4a
#243b4a
rgb(36,59,74)
-
#2a4557
#2a4557
rgb(42,69,87)
-
#304f64
#304f64
rgb(48,79,100)
-
#375a71
#375a71
rgb(55,90,113)
-
#3d647f
#3d647f
rgb(61,100,127)
-
#446f8c
#446f8c
rgb(68,111,140)
-
#4a7999
#4a7999
rgb(74,121,153)
-
#5084a6
#5084a6
rgb(80,132,166)
-
#5b8eb0
#5b8eb0
rgb(91,142,176)
-
#6897b6
#6897b6
rgb(104,151,182)
-
#75a0bc
#75a0bc
rgb(117,160,188)
-
#82a9c3
#82a9c3
rgb(130,169,195)
-
#90b2c9
#90b2c9
rgb(144,178,201)
-
#9dbbd0
#9dbbd0
rgb(157,187,208)
-
#aac4d6
#aac4d6
rgb(170,196,214)
-
#b7cedc
#b7cedc
rgb(183,206,220)
-
#c4d7e3
#c4d7e3
rgb(196,215,227)
-
#d2e0e9
#d2e0e9
rgb(210,224,233)
-
#dfe9f0
#dfe9f0
rgb(223,233,240)
-
#ecf2f6
#ecf2f6
rgb(236,242,246)
-
#f9fbfc
#f9fbfc
rgb(249,251,252)
Tones of #2a4557
A tone is produced by adding gray to any pure hue. In this case, #3e4143 is the less saturated color, while #024d7f is the most saturated one.
-
#3e4143
#3e4143
rgb(62,65,67)
-
#394248
#394248
rgb(57,66,72)
-
#34434d
#34434d
rgb(52,67,77)
-
#2f4452
#2f4452
rgb(47,68,82)
-
#2a4557
#2a4557
rgb(42,69,87)
-
#25465c
#25465c
rgb(37,70,92)
-
#204761
#204761
rgb(32,71,97)
-
#1b4866
#1b4866
rgb(27,72,102)
-
#16496b
#16496b
rgb(22,73,107)
-
#114a70
#114a70
rgb(17,74,112)
-
#0c4b75
#0c4b75
rgb(12,75,117)
-
#074c7a
#074c7a
rgb(7,76,122)
-
#024d7f
#024d7f
rgb(2,77,127)
Color Blindness Simulator
Below, you can see how #2a4557 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.