#2a4551 hex color

In a RGB color space, hex #2a4551 is composed of 16.5% red, 27.1% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 14.8% magenta, 0% yellow and 68.2% black. It has a hue angle of 198.5 degrees, a saturation of 31.7% and a lightness of 24.1%. #2a4551 color hex could be obtained by blending #548aa2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 27
- B 32
RGB color chart
- C 48
- M 15
- Y 0
- K 68
CMYK color chart

● #2a4551 color description : Very dark desaturated blue.

The hexadecimal color #2a4551 has RGB values of R:42, G:69, B:81 and CMYK values of C:0.48, M:0.15, Y:0, K:0.68. Its decimal value is 2770257.

Hex triplet	2a4551	`#2a4551`
RGB Decimal	42, 69, 81	`rgb(42,69,81)`
RGB Percent	16.5, 27.1, 31.8	`rgb(16.5%,27.1%,31.8%)`
CMYK	48, 15, 0, 68
HSL	198.5°, 31.7, 24.1	`hsl(198.5,31.7%,24.1%)`
HSV (or HSB)	198.5°, 48.1, 31.8
Web Safe	333366	`#333366`

CIE-LAB	27.689, -6.527, -10.401
XYZ	4.568, 5.342, 8.575
xyY	0.247, 0.289, 5.342
CIE-LCH	27.689, 12.28, 237.89
CIE-LUV	27.689, -11.655, -11.851
Hunter-Lab	23.113, -5.172, -5.816
Binary	00101010, 01000101, 01010001

#2a4551
```
#2a4551 rgb(42,69,81)
```
#51362a
```
#51362a rgb(81,54,42)
```

Complementary Color

#2a514a
```
#2a514a rgb(42,81,74)
```
#2a4551
```
#2a4551 rgb(42,69,81)
```
#2a3251
```
#2a3251 rgb(42,50,81)
```

Analogous Color

#514a2a
```
#514a2a rgb(81,74,42)
```
#2a4551
```
#2a4551 rgb(42,69,81)
```
#512a32
```
#512a32 rgb(81,42,50)
```

Split Complementary Color

#45512a
```
#45512a rgb(69,81,42)
```
#2a4551
```
#2a4551 rgb(42,69,81)
```
#512a45
```
#512a45 rgb(81,42,69)
```

Triadic Color

#2a5136
```
#2a5136 rgb(42,81,54)
```
#2a4551
```
#2a4551 rgb(42,69,81)
```
#512a45
```
#512a45 rgb(81,42,69)
```
#51362a
```
#51362a rgb(81,54,42)
```

Tetradic Color

#101a1f
```
#101a1f rgb(16,26,31)
```
#19282f
```
#19282f rgb(25,40,47)
```
#213740
```
#213740 rgb(33,55,64)
```
#2a4551
```
#2a4551 rgb(42,69,81)
```
#335362
```
#335362 rgb(51,83,98)
```
#3b6273
```
#3b6273 rgb(59,98,115)
```
#447083
```
#447083 rgb(68,112,131)
```

Monochromatic Color

Below, you can see some colors close to #2a4551. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2a4f51
```
#2a4f51 rgb(42,79,81)
```
#2a4c51
```
#2a4c51 rgb(42,76,81)
```
#2a4851
```
#2a4851 rgb(42,72,81)
```
#2a4551
```
#2a4551 rgb(42,69,81)
```
#2a4251
```
#2a4251 rgb(42,66,81)
```
#2a3f51
```
#2a3f51 rgb(42,63,81)
```
#2a3b51
```
#2a3b51 rgb(42,59,81)
```

Similar Colors

Text with hexadecimal color #2a4551

This text has a font color of #2a4551.

<span style="color:#2a4551;">Text here</span>

#2a4551 background color

This paragraph has a background color of #2a4551.

<p style="background-color:#2a4551;">Content here</p>

#2a4551 border color

This element has a border color of #2a4551.

<div style="border:1px solid #2a4551;">Content here</div>

CSS codes

.text {color:#2a4551;}

.background {background-color:#2a4551;}

.border {border:1px solid #2a4551;}

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, #020303 is the darkest color, while #f6f9fa is the lightest one.

#020303
```
#020303 rgb(2,3,3)
```
#090e10
```
#090e10 rgb(9,14,16)
```
#0f191d
```
#0f191d rgb(15,25,29)
```
#16242a
```
#16242a rgb(22,36,42)
```
#1d2f37
```
#1d2f37 rgb(29,47,55)
```
#233a44
```
#233a44 rgb(35,58,68)
```
#2a4551
```
#2a4551 rgb(42,69,81)
```
#31505e
```
#31505e rgb(49,80,94)
```
#375b6b
```
#375b6b rgb(55,91,107)
```
#3e6678
```
#3e6678 rgb(62,102,120)
```
#457185
```
#457185 rgb(69,113,133)
```
#4b7c92
```
#4b7c92 rgb(75,124,146)
```
#52879f
```
#52879f rgb(82,135,159)
```

Shade Color Variation

#5b91aa
```
#5b91aa rgb(91,145,170)
```
#679ab0
```
#679ab0 rgb(103,154,176)
```
#74a3b7
```
#74a3b7 rgb(116,163,183)
```
#81abbe
```
#81abbe rgb(129,171,190)
```
#8eb4c5
```
#8eb4c5 rgb(142,180,197)
```
#9bbccb
```
#9bbccb rgb(155,188,203)
```
#a8c5d2
```
#a8c5d2 rgb(168,197,210)
```
#b5ced9
```
#b5ced9 rgb(181,206,217)
```
#c2d6df
```
#c2d6df rgb(194,214,223)
```
#cfdfe6
```
#cfdfe6 rgb(207,223,230)
```
#dce7ed
```
#dce7ed rgb(220,231,237)
```
#e9f0f3
```
#e9f0f3 rgb(233,240,243)
```
#f6f9fa
```
#f6f9fa rgb(246,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3d3e3e is the less saturated color, while #045477 is the most saturated one.

#3d3e3e
```
#3d3e3e rgb(61,62,62)
```
#384043
```
#384043 rgb(56,64,67)
```
#334148
```
#334148 rgb(51,65,72)
```
#2f434c
```
#2f434c rgb(47,67,76)
```
#2a4551
```
#2a4551 rgb(42,69,81)
```
#254756
```
#254756 rgb(37,71,86)
```
#21495a
```
#21495a rgb(33,73,90)
```
#1c4a5f
```
#1c4a5f rgb(28,74,95)
```
#174c64
```
#174c64 rgb(23,76,100)
```
#124e69
```
#124e69 rgb(18,78,105)
```
#0e506d
```
#0e506d rgb(14,80,109)
```
#095272
```
#095272 rgb(9,82,114)
```
#045477
```
#045477 rgb(4,84,119)
```

Tone Color Variation

Below, you can see how #2a4551 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.

Monochromacy

#3e3e3e Achromatopsia 0.005% of the population
#3a3f42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#484a57 Protanopia 1% of men
#49495b Deuteranopia 1% of men
#334f55 Tritanopia 0.001% of the population

Trichromacy

#3d4855 Protanomaly 1% of men, 0.01% of women
#3d4857 Deuteranomaly 6% of men, 0.4% of women
#2f4b53 Tritanomaly 0.01% of the population

#2a4551 hex color

#2a4551 Color Information

#2a4551 Color Conversion

Color Schemes with #2a4551

Alternatives to #2a4551

#2a4551 Preview

Shades and Tints of #2a4551

Tones of #2a4551

Color Blindness Simulator