#2a4e52 hex color

In a RGB color space, hex #2a4e52 is composed of 16.5% red, 30.6% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 4.9% magenta, 0% yellow and 67.8% black. It has a hue angle of 186 degrees, a saturation of 32.3% and a lightness of 24.3%. #2a4e52 color hex could be obtained by blending #549ca4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 31
- B 32
RGB color chart
- C 49
- M 5
- Y 0
- K 68
CMYK color chart

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

The hexadecimal color #2a4e52 has RGB values of R:42, G:78, B:82 and CMYK values of C:0.49, M:0.05, Y:0, K:0.68. Its decimal value is 2772562.

Hex triplet	2a4e52	`#2a4e52`
RGB Decimal	42, 78, 82	`rgb(42,78,82)`
RGB Percent	16.5, 30.6, 32.2	`rgb(16.5%,30.6%,32.2%)`
CMYK	49, 5, 0, 68
HSL	186°, 32.3, 24.3	`hsl(186,32.3%,24.3%)`
HSV (or HSB)	186°, 48.8, 32.2
Web Safe	336666	`#336666`

CIE-LAB	30.759, -11.715, -6.412
XYZ	5.202, 6.55, 8.972
xyY	0.251, 0.316, 6.55
CIE-LCH	30.759, 13.355, 208.694
CIE-LUV	30.759, -15.289, -6.462
Hunter-Lab	25.593, -8.507, -2.871
Binary	00101010, 01001110, 01010010

#2a4e52
```
#2a4e52 rgb(42,78,82)
```
#522e2a
```
#522e2a rgb(82,46,42)
```

Complementary Color

#2a5242
```
#2a5242 rgb(42,82,66)
```
#2a4e52
```
#2a4e52 rgb(42,78,82)
```
#2a3a52
```
#2a3a52 rgb(42,58,82)
```

Analogous Color

#52422a
```
#52422a rgb(82,66,42)
```
#2a4e52
```
#2a4e52 rgb(42,78,82)
```
#522a3a
```
#522a3a rgb(82,42,58)
```

Split Complementary Color

#4e522a
```
#4e522a rgb(78,82,42)
```
#2a4e52
```
#2a4e52 rgb(42,78,82)
```
#522a4e
```
#522a4e rgb(82,42,78)
```

Triadic Color

#2a522e
```
#2a522e rgb(42,82,46)
```
#2a4e52
```
#2a4e52 rgb(42,78,82)
```
#522a4e
```
#522a4e rgb(82,42,78)
```
#522e2a
```
#522e2a rgb(82,46,42)
```

Tetradic Color

#101e1f
```
#101e1f rgb(16,30,31)
```
#192e30
```
#192e30 rgb(25,46,48)
```
#213e41
```
#213e41 rgb(33,62,65)
```
#2a4e52
```
#2a4e52 rgb(42,78,82)
```
#335e63
```
#335e63 rgb(51,94,99)
```
#3b6e74
```
#3b6e74 rgb(59,110,116)
```
#447e85
```
#447e85 rgb(68,126,133)
```

Monochromatic Color

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

#2a524c
```
#2a524c rgb(42,82,76)
```
#2a524f
```
#2a524f rgb(42,82,79)
```
#2a5152
```
#2a5152 rgb(42,81,82)
```
#2a4e52
```
#2a4e52 rgb(42,78,82)
```
#2a4b52
```
#2a4b52 rgb(42,75,82)
```
#2a4752
```
#2a4752 rgb(42,71,82)
```
#2a4452
```
#2a4452 rgb(42,68,82)
```

Similar Colors

Text with hexadecimal color #2a4e52

This text has a font color of #2a4e52.

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

#2a4e52 background color

This paragraph has a background color of #2a4e52.

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

#2a4e52 border color

This element has a border color of #2a4e52.

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

CSS codes

.text {color:#2a4e52;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#091011
```
#091011 rgb(9,16,17)
```
#0f1d1e
```
#0f1d1e rgb(15,29,30)
```
#16292b
```
#16292b rgb(22,41,43)
```
#1d3538
```
#1d3538 rgb(29,53,56)
```
#234245
```
#234245 rgb(35,66,69)
```
#2a4e52
```
#2a4e52 rgb(42,78,82)
```
#315a5f
```
#315a5f rgb(49,90,95)
```
#37676c
```
#37676c rgb(55,103,108)
```
#3e7379
```
#3e7379 rgb(62,115,121)
```
#457f86
```
#457f86 rgb(69,127,134)
```
#4b8c93
```
#4b8c93 rgb(75,140,147)
```
#5298a0
```
#5298a0 rgb(82,152,160)
```

Shade Color Variation

#5ba3ab
```
#5ba3ab rgb(91,163,171)
```
#68aab1
```
#68aab1 rgb(104,170,177)
```
#74b1b8
```
#74b1b8 rgb(116,177,184)
```
#81b9bf
```
#81b9bf rgb(129,185,191)
```
#8ec0c5
```
#8ec0c5 rgb(142,192,197)
```
#9bc7cc
```
#9bc7cc rgb(155,199,204)
```
#a8ced3
```
#a8ced3 rgb(168,206,211)
```
#b5d6d9
```
#b5d6d9 rgb(181,214,217)
```
#c2dde0
```
#c2dde0 rgb(194,221,224)
```
#cfe4e7
```
#cfe4e7 rgb(207,228,231)
```
#dceced
```
#dceced rgb(220,236,237)
```
#e9f3f4
```
#e9f3f4 rgb(233,243,244)
```
#f6fafa
```
#f6fafa rgb(246,250,250)
```

Tint Color Variation

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

#3d3f3f
```
#3d3f3f rgb(61,63,63)
```
#384344
```
#384344 rgb(56,67,68)
```
#344648
```
#344648 rgb(52,70,72)
```
#2f4a4d
```
#2f4a4d rgb(47,74,77)
```
#2a4e52
```
#2a4e52 rgb(42,78,82)
```
#255257
```
#255257 rgb(37,82,87)
```
#20565c
```
#20565c rgb(32,86,92)
```
#1c5960
```
#1c5960 rgb(28,89,96)
```
#175d65
```
#175d65 rgb(23,93,101)
```
#12616a
```
#12616a rgb(18,97,106)
```
#0d656f
```
#0d656f rgb(13,101,111)
```
#096973
```
#096973 rgb(9,105,115)
```
#046d78
```
#046d78 rgb(4,109,120)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3f4647 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515157 Protanopia 1% of men
#53505d Deuteranopia 1% of men
#35565d Tritanopia 0.001% of the population

Trichromacy

#435055 Protanomaly 1% of men, 0.01% of women
#444f59 Deuteranomaly 6% of men, 0.4% of women
#315359 Tritanomaly 0.01% of the population

#2a4e52 hex color

#2a4e52 Color Information

#2a4e52 Color Conversion

Color Schemes with #2a4e52

Alternatives to #2a4e52

#2a4e52 Preview

Shades and Tints of #2a4e52

Tones of #2a4e52

Color Blindness Simulator