#2a7368 hex color

In a RGB color space, hex #2a7368 is composed of 16.5% red, 45.1% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 0% magenta, 9.6% yellow and 54.9% black. It has a hue angle of 171 degrees, a saturation of 46.5% and a lightness of 30.8%. #2a7368 color hex could be obtained by blending #54e6d0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 45
- B 41
RGB color chart
- C 63
- M 0
- Y 10
- K 55
CMYK color chart

● #2a7368 color description : Dark moderate cyan.

The hexadecimal color #2a7368 has RGB values of R:42, G:115, B:104 and CMYK values of C:0.63, M:0, Y:0.1, K:0.55. Its decimal value is 2782056.

Hex triplet	2a7368	`#2a7368`
RGB Decimal	42, 115, 104	`rgb(42,115,104)`
RGB Percent	16.5, 45.1, 40.8	`rgb(16.5%,45.1%,40.8%)`
CMYK	63, 0, 10, 55
HSL	171°, 46.5, 30.8	`hsl(171,46.5%,30.8%)`
HSV (or HSB)	171°, 63.5, 45.1
Web Safe	336666	`#336666`

CIE-LAB	43.876, -25.366, -0.62
XYZ	9.583, 13.752, 15.245
xyY	0.248, 0.356, 13.752
CIE-LCH	43.876, 25.374, 181.4
CIE-LUV	43.876, -29.265, 2.73
Hunter-Lab	37.084, -18.769, 1.585
Binary	00101010, 01110011, 01101000

#2a7368
```
#2a7368 rgb(42,115,104)
```
#732a35
```
#732a35 rgb(115,42,53)
```

Complementary Color

#2a7344
```
#2a7344 rgb(42,115,68)
```
#2a7368
```
#2a7368 rgb(42,115,104)
```
#2a5a73
```
#2a5a73 rgb(42,90,115)
```

Analogous Color

#73442a
```
#73442a rgb(115,68,42)
```
#2a7368
```
#2a7368 rgb(42,115,104)
```
#732a5a
```
#732a5a rgb(115,42,90)
```

Split Complementary Color

#73682a
```
#73682a rgb(115,104,42)
```
#2a7368
```
#2a7368 rgb(42,115,104)
```
#682a73
```
#682a73 rgb(104,42,115)
```

Triadic Color

#35732a
```
#35732a rgb(53,115,42)
```
#2a7368
```
#2a7368 rgb(42,115,104)
```
#682a73
```
#682a73 rgb(104,42,115)
```
#732a35
```
#732a35 rgb(115,42,53)
```

Tetradic Color

#163b35
```
#163b35 rgb(22,59,53)
```
#1c4e46
```
#1c4e46 rgb(28,78,70)
```
#236057
```
#236057 rgb(35,96,87)
```
#2a7368
```
#2a7368 rgb(42,115,104)
```
#318679
```
#318679 rgb(49,134,121)
```
#38988a
```
#38988a rgb(56,152,138)
```
#3eab9b
```
#3eab9b rgb(62,171,155)
```

Monochromatic Color

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

#2a7356
```
#2a7356 rgb(42,115,86)
```
#2a735c
```
#2a735c rgb(42,115,92)
```
#2a7362
```
#2a7362 rgb(42,115,98)
```
#2a7368
```
#2a7368 rgb(42,115,104)
```
#2a736e
```
#2a736e rgb(42,115,110)
```
#2a7273
```
#2a7273 rgb(42,114,115)
```
#2a6c73
```
#2a6c73 rgb(42,108,115)
```

Similar Colors

Text with hexadecimal color #2a7368

This text has a font color of #2a7368.

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

#2a7368 background color

This paragraph has a background color of #2a7368.

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

#2a7368 border color

This element has a border color of #2a7368.

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

CSS codes

.text {color:#2a7368;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050e0d
```
#050e0d rgb(5,14,13)
```
#0b1d1a
```
#0b1d1a rgb(11,29,26)
```
#102b27
```
#102b27 rgb(16,43,39)
```
#153a34
```
#153a34 rgb(21,58,52)
```
#1a4841
```
#1a4841 rgb(26,72,65)
```
#20564e
```
#20564e rgb(32,86,78)
```
#25655b
```
#25655b rgb(37,101,91)
```
#2a7368
```
#2a7368 rgb(42,115,104)
```
#2f8175
```
#2f8175 rgb(47,129,117)
```
#349082
```
#349082 rgb(52,144,130)
```
#3a9e8f
```
#3a9e8f rgb(58,158,143)
```
#3fac9c
```
#3fac9c rgb(63,172,156)
```

Shade Color Variation

#44bba9
```
#44bba9 rgb(68,187,169)
```
#53c0b0
```
#53c0b0 rgb(83,192,176)
```
#61c5b6
```
#61c5b6 rgb(97,197,182)
```
#6fcbbd
```
#6fcbbd rgb(111,203,189)
```
#7ed0c3
```
#7ed0c3 rgb(126,208,195)
```
#8cd5ca
```
#8cd5ca rgb(140,213,202)
```
#9adad1
```
#9adad1 rgb(154,218,209)
```
#a9e0d7
```
#a9e0d7 rgb(169,224,215)
```
#b7e5de
```
#b7e5de rgb(183,229,222)
```
#c6eae5
```
#c6eae5 rgb(198,234,229)
```
#d4efeb
```
#d4efeb rgb(212,239,235)
```
#e2f5f2
```
#e2f5f2 rgb(226,245,242)
```
#f1faf8
```
#f1faf8 rgb(241,250,248)
```

Tint Color Variation

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

#4e4f4f
```
#4e4f4f rgb(78,79,79)
```
#485553
```
#485553 rgb(72,85,83)
```
#425b57
```
#425b57 rgb(66,91,87)
```
#3c615b
```
#3c615b rgb(60,97,91)
```
#366760
```
#366760 rgb(54,103,96)
```
#306d64
```
#306d64 rgb(48,109,100)
```
#2a7368
```
#2a7368 rgb(42,115,104)
```
#24796c
```
#24796c rgb(36,121,108)
```
#1e7f70
```
#1e7f70 rgb(30,127,112)
```
#188575
```
#188575 rgb(24,133,117)
```
#128b79
```
#128b79 rgb(18,139,121)
```
#0c917d
```
#0c917d rgb(12,145,125)
```
#069781
```
#069781 rgb(6,151,129)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#52615e Atypical Achromatopsia 0.001% of the population

Dichromacy

#726f6a Protanopia 1% of men
#776c74 Deuteranopia 1% of men
#3d7780 Tritanopia 0.001% of the population

Trichromacy

#587069 Protanomaly 1% of men, 0.01% of women
#5b6e70 Deuteranomaly 6% of men, 0.4% of women
#367677 Tritanomaly 0.01% of the population

#2a7368 hex color

#2a7368 Color Information

#2a7368 Color Conversion

Color Schemes with #2a7368

Alternatives to #2a7368

#2a7368 Preview

Shades and Tints of #2a7368

Tones of #2a7368

Color Blindness Simulator