colorhexa.com

#2a4745 hex color

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

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

● #2a4745 color description : Very dark desaturated cyan.

The hexadecimal color #2a4745 has RGB values of R:42, G:71, B:69 and CMYK values of C:0.41, M:0, Y:0.03, K:0.72. Its decimal value is 2770757.

Hex triplet	2a4745	`#2a4745`
RGB Decimal	42, 71, 69	`rgb(42,71,69)`
RGB Percent	16.5, 27.8, 27.1	`rgb(16.5%,27.8%,27.1%)`
CMYK	41, 0, 3, 72
HSL	175.9°, 25.7, 22.2	`hsl(175.9,25.7%,22.2%)`
HSV (or HSB)	175.9°, 40.8, 27.8
Web Safe	333333	`#333333`

CIE-LAB	27.921, -11.404, -2.246
XYZ	4.282, 5.428, 6.452
xyY	0.265, 0.336, 5.428
CIE-LCH	27.921, 11.623, 191.142
CIE-LUV	27.921, -12.636, -1.21
Hunter-Lab	23.298, -7.966, -0.11
Binary	00101010, 01000111, 01000101

#2a4745
```
#2a4745 rgb(42,71,69)
```
#472a2c
```
#472a2c rgb(71,42,44)
```

Complementary Color

#2a4737
```
#2a4737 rgb(42,71,55)
```
#2a4745
```
#2a4745 rgb(42,71,69)
```
#2a3b47
```
#2a3b47 rgb(42,59,71)
```

Analogous Color

#47372a
```
#47372a rgb(71,55,42)
```
#2a4745
```
#2a4745 rgb(42,71,69)
```
#472a3b
```
#472a3b rgb(71,42,59)
```

Split Complementary Color

#0e1716
```
#0e1716 rgb(14,23,22)
```
#172726
```
#172726 rgb(23,39,38)
```
#213735
```
#213735 rgb(33,55,53)
```
#2a4745
```
#2a4745 rgb(42,71,69)
```
#335755
```
#335755 rgb(51,87,85)
```
#3d6764
```
#3d6764 rgb(61,103,100)
```
#467774
```
#467774 rgb(70,119,116)
```

Monochromatic Color

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

#2a473e
```
#2a473e rgb(42,71,62)
```
#2a4740
```
#2a4740 rgb(42,71,64)
```
#2a4743
```
#2a4743 rgb(42,71,67)
```
#2a4745
```
#2a4745 rgb(42,71,69)
```
#2a4747
```
#2a4747 rgb(42,71,71)
```
#2a4447
```
#2a4447 rgb(42,68,71)
```
#2a4247
```
#2a4247 rgb(42,66,71)
```

Similar Colors

Text with hexadecimal color #2a4745

This text has a font color of #2a4745.

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

#2a4745 background color

This paragraph has a background color of #2a4745.

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

#2a4745 border color

This element has a border color of #2a4745.

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

CSS codes

.text {color:#2a4745;}

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

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

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

#060909
```
#060909 rgb(6,9,9)
```
#0d1615
```
#0d1615 rgb(13,22,21)
```
#142221
```
#142221 rgb(20,34,33)
```
#1b2e2d
```
#1b2e2d rgb(27,46,45)
```
#233b39
```
#233b39 rgb(35,59,57)
```
#2a4745
```
#2a4745 rgb(42,71,69)
```
#315351
```
#315351 rgb(49,83,81)
```
#39605d
```
#39605d rgb(57,96,93)
```
#406c69
```
#406c69 rgb(64,108,105)
```
#477875
```
#477875 rgb(71,120,117)
```
#4e8581
```
#4e8581 rgb(78,133,129)
```
#56918d
```
#56918d rgb(86,145,141)
```
#5d9d99
```
#5d9d99 rgb(93,157,153)
```

Shade Color Variation

#68a6a2
```
#68a6a2 rgb(104,166,162)
```
#74ada9
```
#74ada9 rgb(116,173,169)
```
#81b4b1
```
#81b4b1 rgb(129,180,177)
```
#8dbcb8
```
#8dbcb8 rgb(141,188,184)
```
#99c3c0
```
#99c3c0 rgb(153,195,192)
```
#a6cac8
```
#a6cac8 rgb(166,202,200)
```
#b2d2cf
```
#b2d2cf rgb(178,210,207)
```
#bed9d7
```
#bed9d7 rgb(190,217,215)
```
#cbe0df
```
#cbe0df rgb(203,224,223)
```
#d7e7e6
```
#d7e7e6 rgb(215,231,230)
```
#e3efee
```
#e3efee rgb(227,239,238)
```
#f0f6f6
```
#f0f6f6 rgb(240,246,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #373a3a is the less saturated color, while #036e67 is the most saturated one.

#373a3a
```
#373a3a rgb(55,58,58)
```
#333e3e
```
#333e3e rgb(51,62,62)
```
#2e4341
```
#2e4341 rgb(46,67,65)
```
#2a4745
```
#2a4745 rgb(42,71,69)
```
#264b49
```
#264b49 rgb(38,75,73)
```
#21504c
```
#21504c rgb(33,80,76)
```
#1d5450
```
#1d5450 rgb(29,84,80)
```
#195854
```
#195854 rgb(25,88,84)
```
#145d58
```
#145d58 rgb(20,93,88)
```
#10615b
```
#10615b rgb(16,97,91)
```
#0c655f
```
#0c655f rgb(12,101,95)
```
#076a63
```
#076a63 rgb(7,106,99)
```
#036e67
```
#036e67 rgb(3,110,103)
```

Tone Color Variation

Below, you can see how #2a4745 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
#3a403f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c4b4b Protanopia 1% of men
#504951 Deuteranopia 1% of men
#374f55 Tritanopia 0.001% of the population

Trichromacy

#404949 Protanomaly 1% of men, 0.01% of women
#42484c Deuteranomaly 6% of men, 0.4% of women
#324c4f Tritanomaly 0.01% of the population