#2a675e hex color

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

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

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

The hexadecimal color #2a675e has RGB values of R:42, G:103, B:94 and CMYK values of C:0.59, M:0, Y:0.09, K:0.6. Its decimal value is 2778974.

Hex triplet	2a675e	`#2a675e`
RGB Decimal	42, 103, 94	`rgb(42,103,94)`
RGB Percent	16.5, 40.4, 36.9	`rgb(16.5%,40.4%,36.9%)`
CMYK	59, 0, 9, 60
HSL	171.1°, 42.1, 28.4	`hsl(171.1,42.1%,28.4%)`
HSV (or HSB)	171.1°, 59.2, 40.4
Web Safe	336666	`#336666`

CIE-LAB	39.581, -22.062, -0.853
XYZ	7.825, 11, 12.3
xyY	0.251, 0.353, 11
CIE-LCH	39.581, 22.078, 182.213
CIE-LUV	39.581, -25.009, 1.911
Hunter-Lab	33.167, -15.929, 1.229
Binary	00101010, 01100111, 01011110

#2a675e
```
#2a675e rgb(42,103,94)
```
#672a33
```
#672a33 rgb(103,42,51)
```

Complementary Color

#2a6740
```
#2a6740 rgb(42,103,64)
```
#2a675e
```
#2a675e rgb(42,103,94)
```
#2a5267
```
#2a5267 rgb(42,82,103)
```

Analogous Color

#67402a
```
#67402a rgb(103,64,42)
```
#2a675e
```
#2a675e rgb(42,103,94)
```
#672a52
```
#672a52 rgb(103,42,82)
```

Split Complementary Color

#675e2a
```
#675e2a rgb(103,94,42)
```
#2a675e
```
#2a675e rgb(42,103,94)
```
#5e2a67
```
#5e2a67 rgb(94,42,103)
```

Triadic Color

#33672a
```
#33672a rgb(51,103,42)
```
#2a675e
```
#2a675e rgb(42,103,94)
```
#5e2a67
```
#5e2a67 rgb(94,42,103)
```
#672a33
```
#672a33 rgb(103,42,51)
```

Tetradic Color

#14312c
```
#14312c rgb(20,49,44)
```
#1b433d
```
#1b433d rgb(27,67,61)
```
#23554d
```
#23554d rgb(35,85,77)
```
#2a675e
```
#2a675e rgb(42,103,94)
```
#31796f
```
#31796f rgb(49,121,111)
```
#398b7f
```
#398b7f rgb(57,139,127)
```
#409d90
```
#409d90 rgb(64,157,144)
```

Monochromatic Color

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

#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)
```
#2a6667
```
#2a6667 rgb(42,102,103)
```
#2a6167
```
#2a6167 rgb(42,97,103)
```

Similar Colors

Text with hexadecimal color #2a675e

This text has a font color of #2a675e.

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

#2a675e background color

This paragraph has a background color of #2a675e.

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

#2a675e border color

This element has a border color of #2a675e.

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

CSS codes

.text {color:#2a675e;}

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

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

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 #f7fcfb is the lightest one.

#020505
```
#020505 rgb(2,5,5)
```
#081312
```
#081312 rgb(8,19,18)
```
#0e211e
```
#0e211e rgb(14,33,30)
```
#132f2b
```
#132f2b rgb(19,47,43)
```
#193d38
```
#193d38 rgb(25,61,56)
```
#1f4b45
```
#1f4b45 rgb(31,75,69)
```
#245951
```
#245951 rgb(36,89,81)
```
#2a675e
```
#2a675e rgb(42,103,94)
```
#30756b
```
#30756b rgb(48,117,107)
```
#358377
```
#358377 rgb(53,131,119)
```
#3b9184
```
#3b9184 rgb(59,145,132)
```
#419f91
```
#419f91 rgb(65,159,145)
```
#46ad9e
```
#46ad9e rgb(70,173,158)
```

Shade Color Variation

#4fb7a8
```
#4fb7a8 rgb(79,183,168)
```
#5dbdaf
```
#5dbdaf rgb(93,189,175)
```
#6bc3b6
```
#6bc3b6 rgb(107,195,182)
```
#79c8bd
```
#79c8bd rgb(121,200,189)
```
#87cec4
```
#87cec4 rgb(135,206,196)
```
#95d4cb
```
#95d4cb rgb(149,212,203)
```
#a3d9d1
```
#a3d9d1 rgb(163,217,209)
```
#b1dfd8
```
#b1dfd8 rgb(177,223,216)
```
#bfe5df
```
#bfe5df rgb(191,229,223)
```
#cdebe6
```
#cdebe6 rgb(205,235,230)
```
#dbf0ed
```
#dbf0ed rgb(219,240,237)
```
#e9f6f4
```
#e9f6f4 rgb(233,246,244)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

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

#464b4a
```
#464b4a rgb(70,75,74)
```
#40514e
```
#40514e rgb(64,81,78)
```
#3b5652
```
#3b5652 rgb(59,86,82)
```
#355c56
```
#355c56 rgb(53,92,86)
```
#30615a
```
#30615a rgb(48,97,90)
```
#2a675e
```
#2a675e rgb(42,103,94)
```
#246d62
```
#246d62 rgb(36,109,98)
```
#1f7266
```
#1f7266 rgb(31,114,102)
```
#19786a
```
#19786a rgb(25,120,106)
```
#147d6e
```
#147d6e rgb(20,125,110)
```
#0e8372
```
#0e8372 rgb(14,131,114)
```
#098876
```
#098876 rgb(9,136,118)
```
#038e7a
```
#038e7a rgb(3,142,122)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4c5856 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686561 Protanopia 1% of men
#6c626a Deuteranopia 1% of men
#3b6c74 Tritanopia 0.001% of the population

Trichromacy

#516560 Protanomaly 1% of men, 0.01% of women
#546466 Deuteranomaly 6% of men, 0.4% of women
#356a6c Tritanomaly 0.01% of the population

#2a675e hex color

#2a675e Color Information

#2a675e Color Conversion

Color Schemes with #2a675e

Alternatives to #2a675e

#2a675e Preview

Shades and Tints of #2a675e

Tones of #2a675e

Color Blindness Simulator