#2a6754 hex color

In a RGB color space, hex #2a6754 is composed of 16.5% red, 40.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 0% magenta, 18.4% yellow and 59.6% black. It has a hue angle of 161.3 degrees, a saturation of 42.1% and a lightness of 28.4%. #2a6754 color hex could be obtained by blending #54cea8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 40
- B 33
RGB color chart
- C 59
- M 0
- Y 18
- K 60
CMYK color chart

● #2a6754 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #2a6754 has RGB values of R:42, G:103, B:84 and CMYK values of C:0.59, M:0, Y:0.18, K:0.6. Its decimal value is 2778964.

Hex triplet	2a6754	`#2a6754`
RGB Decimal	42, 103, 84	`rgb(42,103,84)`
RGB Percent	16.5, 40.4, 32.9	`rgb(16.5%,40.4%,32.9%)`
CMYK	59, 0, 18, 60
HSL	161.3°, 42.1, 28.4	`hsl(161.3,42.1%,28.4%)`
HSV (or HSB)	161.3°, 59.2, 40.4
Web Safe	336666	`#336666`

CIE-LAB	39.297, -24.799, 4.841
XYZ	7.405, 10.832, 10.088
xyY	0.261, 0.382, 10.832
CIE-LCH	39.297, 25.268, 168.955
CIE-LUV	39.297, -25.469, 9.577
Hunter-Lab	32.912, -17.437, 4.866
Binary	00101010, 01100111, 01010100

#2a6754
```
#2a6754 rgb(42,103,84)
```
#672a3d
```
#672a3d rgb(103,42,61)
```

Complementary Color

#2a6736
```
#2a6736 rgb(42,103,54)
```
#2a6754
```
#2a6754 rgb(42,103,84)
```
#2a5c67
```
#2a5c67 rgb(42,92,103)
```

Analogous Color

#67362a
```
#67362a rgb(103,54,42)
```
#2a6754
```
#2a6754 rgb(42,103,84)
```
#672a5c
```
#672a5c rgb(103,42,92)
```

Split Complementary Color

#67542a
```
#67542a rgb(103,84,42)
```
#2a6754
```
#2a6754 rgb(42,103,84)
```
#542a67
```
#542a67 rgb(84,42,103)
```

Triadic Color

#3d672a
```
#3d672a rgb(61,103,42)
```
#2a6754
```
#2a6754 rgb(42,103,84)
```
#542a67
```
#542a67 rgb(84,42,103)
```
#672a3d
```
#672a3d rgb(103,42,61)
```

Tetradic Color

#143128
```
#143128 rgb(20,49,40)
```
#1b4336
```
#1b4336 rgb(27,67,54)
```
#235545
```
#235545 rgb(35,85,69)
```
#2a6754
```
#2a6754 rgb(42,103,84)
```
#317963
```
#317963 rgb(49,121,99)
```
#398b72
```
#398b72 rgb(57,139,114)
```
#409d80
```
#409d80 rgb(64,157,128)
```

Monochromatic Color

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

#2a6745
```
#2a6745 rgb(42,103,69)
```
#2a674a
```
#2a674a rgb(42,103,74)
```
#2a674f
```
#2a674f rgb(42,103,79)
```
#2a6754
```
#2a6754 rgb(42,103,84)
```
#2a6759
```
#2a6759 rgb(42,103,89)
```
#2a675e
```
#2a675e rgb(42,103,94)
```
#2a6763
```
#2a6763 rgb(42,103,99)
```

Similar Colors

Text with hexadecimal color #2a6754

This text has a font color of #2a6754.

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

#2a6754 background color

This paragraph has a background color of #2a6754.

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

#2a6754 border color

This element has a border color of #2a6754.

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

CSS codes

.text {color:#2a6754;}

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

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

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

#020504
```
#020504 rgb(2,5,4)
```
#081310
```
#081310 rgb(8,19,16)
```
#0e211b
```
#0e211b rgb(14,33,27)
```
#132f27
```
#132f27 rgb(19,47,39)
```
#193d32
```
#193d32 rgb(25,61,50)
```
#1f4b3d
```
#1f4b3d rgb(31,75,61)
```
#245949
```
#245949 rgb(36,89,73)
```
#2a6754
```
#2a6754 rgb(42,103,84)
```
#30755f
```
#30755f rgb(48,117,95)
```
#35836b
```
#35836b rgb(53,131,107)
```
#3b9176
```
#3b9176 rgb(59,145,118)
```
#419f81
```
#419f81 rgb(65,159,129)
```
#46ad8d
```
#46ad8d rgb(70,173,141)
```

Shade Color Variation

#4fb797
```
#4fb797 rgb(79,183,151)
```
#5dbd9f
```
#5dbd9f rgb(93,189,159)
```
#6bc3a7
```
#6bc3a7 rgb(107,195,167)
```
#79c8b0
```
#79c8b0 rgb(121,200,176)
```
#87ceb8
```
#87ceb8 rgb(135,206,184)
```
#95d4c0
```
#95d4c0 rgb(149,212,192)
```
#a3d9c8
```
#a3d9c8 rgb(163,217,200)
```
#b1dfd1
```
#b1dfd1 rgb(177,223,209)
```
#bfe5d9
```
#bfe5d9 rgb(191,229,217)
```
#cdebe1
```
#cdebe1 rgb(205,235,225)
```
#dbf0e9
```
#dbf0e9 rgb(219,240,233)
```
#e9f6f2
```
#e9f6f2 rgb(233,246,242)
```
#f7fcfa
```
#f7fcfa rgb(247,252,250)
```

Tint Color Variation

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

#464b49
```
#464b49 rgb(70,75,73)
```
#40514c
```
#40514c rgb(64,81,76)
```
#3b564e
```
#3b564e rgb(59,86,78)
```
#355c50
```
#355c50 rgb(53,92,80)
```
#306152
```
#306152 rgb(48,97,82)
```
#2a6754
```
#2a6754 rgb(42,103,84)
```
#246d56
```
#246d56 rgb(36,109,86)
```
#1f7258
```
#1f7258 rgb(31,114,88)
```
#19785a
```
#19785a rgb(25,120,90)
```
#147d5c
```
#147d5c rgb(20,125,92)
```
#0e835f
```
#0e835f rgb(14,131,95)
```
#098861
```
#098861 rgb(9,136,97)
```
#038e63
```
#038e63 rgb(3,142,99)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4b5753 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696458 Protanopia 1% of men
#6f6161 Deuteranopia 1% of men
#3e6b73 Tritanopia 0.001% of the population

Trichromacy

#526556 Protanomaly 1% of men, 0.01% of women
#56635c Deuteranomaly 6% of men, 0.4% of women
#366968 Tritanomaly 0.01% of the population

#2a6754 hex color

#2a6754 Color Information

#2a6754 Color Conversion

Color Schemes with #2a6754

Alternatives to #2a6754

#2a6754 Preview

Shades and Tints of #2a6754

Tones of #2a6754

Color Blindness Simulator