colorhexa.com

#2a3c47 hex color

In a RGB color space, hex #2a3c47 is composed of 16.5% red, 23.5% green and 27.8% blue. Whereas in a CMYK color space, it is composed of 40.8% cyan, 15.5% magenta, 0% yellow and 72.2% black. It has a hue angle of 202.8 degrees, a saturation of 25.7% and a lightness of 22.2%. #2a3c47 color hex could be obtained by blending #54788e with #000000. Closest websafe color is: #333333.

- R 16
- G 24
- B 28
RGB color chart
- C 41
- M 15
- Y 0
- K 72
CMYK color chart

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

The hexadecimal color #2a3c47 has RGB values of R:42, G:60, B:71 and CMYK values of C:0.41, M:0.15, Y:0, K:0.72. Its decimal value is 2767943.

Hex triplet	2a3c47	`#2a3c47`
RGB Decimal	42, 60, 71	`rgb(42,60,71)`
RGB Percent	16.5, 23.5, 27.8	`rgb(16.5%,23.5%,27.8%)`
CMYK	41, 15, 0, 72
HSL	202.8°, 25.7, 22.2	`hsl(202.8,25.7%,22.2%)`
HSV (or HSB)	202.8°, 40.8, 27.8
Web Safe	333333	`#333333`

CIE-LAB	24.254, -3.933, -9.05
XYZ	3.708, 4.179, 6.572
xyY	0.256, 0.289, 4.179
CIE-LCH	24.254, 9.868, 246.513
CIE-LUV	24.254, -8.07, -9.951
Hunter-Lab	20.442, -3.397, -4.752
Binary	00101010, 00111100, 01000111

#2a3c47
```
#2a3c47 rgb(42,60,71)
```
#47352a
```
#47352a rgb(71,53,42)
```

Complementary Color

#2a4744
```
#2a4744 rgb(42,71,68)
```
#2a3c47
```
#2a3c47 rgb(42,60,71)
```
#2a2e47
```
#2a2e47 rgb(42,46,71)
```

Analogous Color

#47442a
```
#47442a rgb(71,68,42)
```
#2a3c47
```
#2a3c47 rgb(42,60,71)
```
#472a2e
```
#472a2e rgb(71,42,46)
```

Split Complementary Color

#0e1317
```
#0e1317 rgb(14,19,23)
```
#172127
```
#172127 rgb(23,33,39)
```
#212e37
```
#212e37 rgb(33,46,55)
```
#2a3c47
```
#2a3c47 rgb(42,60,71)
```
#334a57
```
#334a57 rgb(51,74,87)
```
#3d5767
```
#3d5767 rgb(61,87,103)
```
#466577
```
#466577 rgb(70,101,119)
```

Monochromatic Color

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

#2a4347
```
#2a4347 rgb(42,67,71)
```
#2a4147
```
#2a4147 rgb(42,65,71)
```
#2a3e47
```
#2a3e47 rgb(42,62,71)
```
#2a3c47
```
#2a3c47 rgb(42,60,71)
```
#2a3a47
```
#2a3a47 rgb(42,58,71)
```
#2a3747
```
#2a3747 rgb(42,55,71)
```
#2a3547
```
#2a3547 rgb(42,53,71)
```

Similar Colors

Text with hexadecimal color #2a3c47

This text has a font color of #2a3c47.

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

#2a3c47 background color

This paragraph has a background color of #2a3c47.

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

#2a3c47 border color

This element has a border color of #2a3c47.

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

CSS codes

.text {color:#2a3c47;}

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

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

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

#060809
```
#060809 rgb(6,8,9)
```
#0d1216
```
#0d1216 rgb(13,18,22)
```
#141d22
```
#141d22 rgb(20,29,34)
```
#1b272e
```
#1b272e rgb(27,39,46)
```
#23323b
```
#23323b rgb(35,50,59)
```
#2a3c47
```
#2a3c47 rgb(42,60,71)
```
#314653
```
#314653 rgb(49,70,83)
```
#395160
```
#395160 rgb(57,81,96)
```
#405b6c
```
#405b6c rgb(64,91,108)
```
#476678
```
#476678 rgb(71,102,120)
```
#4e7085
```
#4e7085 rgb(78,112,133)
```
#567a91
```
#567a91 rgb(86,122,145)
```
#5d859d
```
#5d859d rgb(93,133,157)
```

Shade Color Variation

#688ea6
```
#688ea6 rgb(104,142,166)
```
#7498ad
```
#7498ad rgb(116,152,173)
```
#81a1b4
```
#81a1b4 rgb(129,161,180)
```
#8daabc
```
#8daabc rgb(141,170,188)
```
#99b3c3
```
#99b3c3 rgb(153,179,195)
```
#a6bcca
```
#a6bcca rgb(166,188,202)
```
#b2c6d2
```
#b2c6d2 rgb(178,198,210)
```
#becfd9
```
#becfd9 rgb(190,207,217)
```
#cbd8e0
```
#cbd8e0 rgb(203,216,224)
```
#d7e1e7
```
#d7e1e7 rgb(215,225,231)
```
#e3eaef
```
#e3eaef rgb(227,234,239)
```
#f0f4f6
```
#f0f4f6 rgb(240,244,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #37393a is the less saturated color, while #03456e is the most saturated one.

#37393a
```
#37393a rgb(55,57,58)
```
#333a3e
```
#333a3e rgb(51,58,62)
```
#2e3b43
```
#2e3b43 rgb(46,59,67)
```
#2a3c47
```
#2a3c47 rgb(42,60,71)
```
#263d4b
```
#263d4b rgb(38,61,75)
```
#213e50
```
#213e50 rgb(33,62,80)
```
#1d3f54
```
#1d3f54 rgb(29,63,84)
```
#194058
```
#194058 rgb(25,64,88)
```
#14415d
```
#14415d rgb(20,65,93)
```
#104261
```
#104261 rgb(16,66,97)
```
#0c4365
```
#0c4365 rgb(12,67,101)
```
#07446a
```
#07446a rgb(7,68,106)
```
#03456e
```
#03456e rgb(3,69,110)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#35393b Atypical Achromatopsia 0.001% of the population

Dichromacy

#41434e Protanopia 1% of men
#424251 Deuteranopia 1% of men
#33464c Tritanopia 0.001% of the population

Trichromacy

#38404c Protanomaly 1% of men, 0.01% of women
#39404d Deuteranomaly 6% of men, 0.4% of women
#30424a Tritanomaly 0.01% of the population