#2a6258 hex color

In a RGB color space, hex #2a6258 is composed of 16.5% red, 38.4% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 0% magenta, 10.2% yellow and 61.6% black. It has a hue angle of 169.3 degrees, a saturation of 40% and a lightness of 27.5%. #2a6258 color hex could be obtained by blending #54c4b0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 38
- B 35
RGB color chart
- C 57
- M 0
- Y 10
- K 62
CMYK color chart

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

The hexadecimal color #2a6258 has RGB values of R:42, G:98, B:88 and CMYK values of C:0.57, M:0, Y:0.1, K:0.62. Its decimal value is 2777688.

Hex triplet	2a6258	`#2a6258`
RGB Decimal	42, 98, 88	`rgb(42,98,88)`
RGB Percent	16.5, 38.4, 34.5	`rgb(16.5%,38.4%,34.5%)`
CMYK	57, 0, 10, 62
HSL	169.3°, 40, 27.5	`hsl(169.3,40%,27.5%)`
HSV (or HSB)	169.3°, 57.1, 38.4
Web Safe	336666	`#336666`

CIE-LAB	37.72, -21.137, 0.109
XYZ	7.083, 9.932, 10.776
xyY	0.255, 0.357, 9.932
CIE-LCH	37.72, 21.137, 179.704
CIE-LUV	37.72, -23.261, 3.012
Hunter-Lab	31.515, -15.03, 1.787
Binary	00101010, 01100010, 01011000

#2a6258
```
#2a6258 rgb(42,98,88)
```
#622a34
```
#622a34 rgb(98,42,52)
```

Complementary Color

#2a623c
```
#2a623c rgb(42,98,60)
```
#2a6258
```
#2a6258 rgb(42,98,88)
```
#2a5062
```
#2a5062 rgb(42,80,98)
```

Analogous Color

#623c2a
```
#623c2a rgb(98,60,42)
```
#2a6258
```
#2a6258 rgb(42,98,88)
```
#622a50
```
#622a50 rgb(98,42,80)
```

Split Complementary Color

#62582a
```
#62582a rgb(98,88,42)
```
#2a6258
```
#2a6258 rgb(42,98,88)
```
#582a62
```
#582a62 rgb(88,42,98)
```

Triadic Color

#34622a
```
#34622a rgb(52,98,42)
```
#2a6258
```
#2a6258 rgb(42,98,88)
```
#582a62
```
#582a62 rgb(88,42,98)
```
#622a34
```
#622a34 rgb(98,42,52)
```

Tetradic Color

#132c28
```
#132c28 rgb(19,44,40)
```
#1b3e38
```
#1b3e38 rgb(27,62,56)
```
#225048
```
#225048 rgb(34,80,72)
```
#2a6258
```
#2a6258 rgb(42,98,88)
```
#327468
```
#327468 rgb(50,116,104)
```
#398678
```
#398678 rgb(57,134,120)
```
#419888
```
#419888 rgb(65,152,136)
```

Monochromatic Color

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

#2a624a
```
#2a624a rgb(42,98,74)
```
#2a624f
```
#2a624f rgb(42,98,79)
```
#2a6253
```
#2a6253 rgb(42,98,83)
```
#2a6258
```
#2a6258 rgb(42,98,88)
```
#2a625d
```
#2a625d rgb(42,98,93)
```
#2a6261
```
#2a6261 rgb(42,98,97)
```
#2a5e62
```
#2a5e62 rgb(42,94,98)
```

Similar Colors

Text with hexadecimal color #2a6258

This text has a font color of #2a6258.

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

#2a6258 background color

This paragraph has a background color of #2a6258.

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

#2a6258 border color

This element has a border color of #2a6258.

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

CSS codes

.text {color:#2a6258;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#07100e
```
#07100e rgb(7,16,14)
```
#0d1d1a
```
#0d1d1a rgb(13,29,26)
```
#122b27
```
#122b27 rgb(18,43,39)
```
#183933
```
#183933 rgb(24,57,51)
```
#1e473f
```
#1e473f rgb(30,71,63)
```
#24544c
```
#24544c rgb(36,84,76)
```
#2a6258
```
#2a6258 rgb(42,98,88)
```
#307064
```
#307064 rgb(48,112,100)
```
#367d71
```
#367d71 rgb(54,125,113)
```
#3c8b7d
```
#3c8b7d rgb(60,139,125)
```
#429989
```
#429989 rgb(66,153,137)
```
#47a796
```
#47a796 rgb(71,167,150)
```

Shade Color Variation

#4eb3a1
```
#4eb3a1 rgb(78,179,161)
```
#5cb9a9
```
#5cb9a9 rgb(92,185,169)
```
#6abfb0
```
#6abfb0 rgb(106,191,176)
```
#78c5b7
```
#78c5b7 rgb(120,197,183)
```
#85cbbe
```
#85cbbe rgb(133,203,190)
```
#93d1c6
```
#93d1c6 rgb(147,209,198)
```
#a1d7cd
```
#a1d7cd rgb(161,215,205)
```
#afddd4
```
#afddd4 rgb(175,221,212)
```
#bce2dc
```
#bce2dc rgb(188,226,220)
```
#cae8e3
```
#cae8e3 rgb(202,232,227)
```
#d8eeea
```
#d8eeea rgb(216,238,234)
```
#e5f4f1
```
#e5f4f1 rgb(229,244,241)
```
#f3faf9
```
#f3faf9 rgb(243,250,249)
```

Tint Color Variation

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

#454747
```
#454747 rgb(69,71,71)
```
#404c4a
```
#404c4a rgb(64,76,74)
```
#3a524e
```
#3a524e rgb(58,82,78)
```
#355751
```
#355751 rgb(53,87,81)
```
#2f5d55
```
#2f5d55 rgb(47,93,85)
```
#2a6258
```
#2a6258 rgb(42,98,88)
```
#25675b
```
#25675b rgb(37,103,91)
```
#1f6d5f
```
#1f6d5f rgb(31,109,95)
```
#1a7262
```
#1a7262 rgb(26,114,98)
```
#147866
```
#147866 rgb(20,120,102)
```
#0f7d69
```
#0f7d69 rgb(15,125,105)
```
#0a826d
```
#0a826d rgb(10,130,109)
```
#048870
```
#048870 rgb(4,136,112)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#485452 Atypical Achromatopsia 0.001% of the population

Dichromacy

#64615c Protanopia 1% of men
#685e64 Deuteranopia 1% of men
#3b676f Tritanopia 0.001% of the population

Trichromacy

#4f615a Protanomaly 1% of men, 0.01% of women
#515f60 Deuteranomaly 6% of men, 0.4% of women
#346566 Tritanomaly 0.01% of the population

#2a6258 hex color

#2a6258 Color Information

#2a6258 Color Conversion

Color Schemes with #2a6258

Alternatives to #2a6258

#2a6258 Preview

Shades and Tints of #2a6258

Tones of #2a6258

Color Blindness Simulator