colorhexa.com

#2a5350 hex color

In a RGB color space, hex #2a5350 is composed of 16.5% red, 32.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 0% magenta, 3.6% yellow and 67.5% black. It has a hue angle of 175.6 degrees, a saturation of 32.8% and a lightness of 24.5%. #2a5350 color hex could be obtained by blending #54a6a0 with #000000. Closest websafe color is: #336666.

- R 16
- G 33
- B 31
RGB color chart
- C 49
- M 0
- Y 4
- K 67
CMYK color chart

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

The hexadecimal color #2a5350 has RGB values of R:42, G:83, B:80 and CMYK values of C:0.49, M:0, Y:0.04, K:0.67. Its decimal value is 2773840.

Hex triplet	2a5350	`#2a5350`
RGB Decimal	42, 83, 80	`rgb(42,83,80)`
RGB Percent	16.5, 32.5, 31.4	`rgb(16.5%,32.5%,31.4%)`
CMYK	49, 0, 4, 67
HSL	175.6°, 32.8, 24.5	`hsl(175.6,32.8%,24.5%)`
HSV (or HSB)	175.6°, 49.4, 32.5
Web Safe	336666	`#336666`

CIE-LAB	32.386, -15.218, -2.718
XYZ	5.496, 7.258, 8.7
xyY	0.256, 0.338, 7.258
CIE-LCH	32.386, 15.459, 190.128
CIE-LUV	32.386, -17.403, -1.392
Hunter-Lab	26.94, -10.731, -0.29
Binary	00101010, 01010011, 01010000

#2a5350
```
#2a5350 rgb(42,83,80)
```
#532a2d
```
#532a2d rgb(83,42,45)
```

Complementary Color

#2a533c
```
#2a533c rgb(42,83,60)
```
#2a5350
```
#2a5350 rgb(42,83,80)
```
#2a4253
```
#2a4253 rgb(42,66,83)
```

Analogous Color

#533c2a
```
#533c2a rgb(83,60,42)
```
#2a5350
```
#2a5350 rgb(42,83,80)
```
#532a42
```
#532a42 rgb(83,42,66)
```

Split Complementary Color

#10201f
```
#10201f rgb(16,32,31)
```
#19312f
```
#19312f rgb(25,49,47)
```
#214240
```
#214240 rgb(33,66,64)
```
#2a5350
```
#2a5350 rgb(42,83,80)
```
#336460
```
#336460 rgb(51,100,96)
```
#3b7571
```
#3b7571 rgb(59,117,113)
```
#448681
```
#448681 rgb(68,134,129)
```

Monochromatic Color

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

#2a5346
```
#2a5346 rgb(42,83,70)
```
#2a5349
```
#2a5349 rgb(42,83,73)
```
#2a534d
```
#2a534d rgb(42,83,77)
```
#2a5350
```
#2a5350 rgb(42,83,80)
```
#2a5353
```
#2a5353 rgb(42,83,83)
```
#2a4f53
```
#2a4f53 rgb(42,79,83)
```
#2a4c53
```
#2a4c53 rgb(42,76,83)
```

Similar Colors

Text with hexadecimal color #2a5350

This text has a font color of #2a5350.

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

#2a5350 background color

This paragraph has a background color of #2a5350.

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

#2a5350 border color

This element has a border color of #2a5350.

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

CSS codes

.text {color:#2a5350;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#091211
```
#091211 rgb(9,18,17)
```
#101f1e
```
#101f1e rgb(16,31,30)
```
#162c2a
```
#162c2a rgb(22,44,42)
```
#1d3937
```
#1d3937 rgb(29,57,55)
```
#234643
```
#234643 rgb(35,70,67)
```
#2a5350
```
#2a5350 rgb(42,83,80)
```
#31605d
```
#31605d rgb(49,96,93)
```
#376d69
```
#376d69 rgb(55,109,105)
```
#3e7a76
```
#3e7a76 rgb(62,122,118)
```
#448782
```
#448782 rgb(68,135,130)
```
#4b948f
```
#4b948f rgb(75,148,143)
```
#52a19b
```
#52a19b rgb(82,161,155)
```

Shade Color Variation

#5baca6
```
#5baca6 rgb(91,172,166)
```
#68b2ad
```
#68b2ad rgb(104,178,173)
```
#75b9b4
```
#75b9b4 rgb(117,185,180)
```
#82c0bb
```
#82c0bb rgb(130,192,187)
```
#8fc6c2
```
#8fc6c2 rgb(143,198,194)
```
#9ccdc9
```
#9ccdc9 rgb(156,205,201)
```
#a9d3d0
```
#a9d3d0 rgb(169,211,208)
```
#b6dad7
```
#b6dad7 rgb(182,218,215)
```
#c3e1de
```
#c3e1de rgb(195,225,222)
```
#d0e7e5
```
#d0e7e5 rgb(208,231,229)
```
#ddeeec
```
#ddeeec rgb(221,238,236)
```
#eaf4f4
```
#eaf4f4 rgb(234,244,244)
```
#f7fbfb
```
#f7fbfb rgb(247,251,251)
```

Tint Color Variation

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

#3d4040
```
#3d4040 rgb(61,64,64)
```
#384544
```
#384544 rgb(56,69,68)
```
#344948
```
#344948 rgb(52,73,72)
```
#2f4e4c
```
#2f4e4c rgb(47,78,76)
```
#2a5350
```
#2a5350 rgb(42,83,80)
```
#255854
```
#255854 rgb(37,88,84)
```
#205d58
```
#205d58 rgb(32,93,88)
```
#1c615c
```
#1c615c rgb(28,97,92)
```
#176660
```
#176660 rgb(23,102,96)
```
#126b65
```
#126b65 rgb(18,107,101)
```
#0d7069
```
#0d7069 rgb(13,112,105)
```
#08756d
```
#08756d rgb(8,117,109)
```
#047971
```
#047971 rgb(4,121,113)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#404948 Atypical Achromatopsia 0.001% of the population

Dichromacy

#565555 Protanopia 1% of men
#5a535c Deuteranopia 1% of men
#385a61 Tritanopia 0.001% of the population

Trichromacy

#465453 Protanomaly 1% of men, 0.01% of women
#485357 Deuteranomaly 6% of men, 0.4% of women
#32575a Tritanomaly 0.01% of the population