#2a675f hex color

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

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

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

The hexadecimal color #2a675f has RGB values of R:42, G:103, B:95 and CMYK values of C:0.59, M:0, Y:0.08, K:0.6. Its decimal value is 2778975.

Hex triplet	2a675f	`#2a675f`
RGB Decimal	42, 103, 95	`rgb(42,103,95)`
RGB Percent	16.5, 40.4, 37.3	`rgb(16.5%,40.4%,37.3%)`
CMYK	59, 0, 8, 60
HSL	172.1°, 42.1, 28.4	`hsl(172.1,42.1%,28.4%)`
HSV (or HSB)	172.1°, 59.2, 40.4
Web Safe	336666	`#336666`

CIE-LAB	39.611, -21.775, -1.419
XYZ	7.87, 11.018, 12.538
xyY	0.25, 0.351, 11.018
CIE-LCH	39.611, 21.821, 183.73
CIE-LUV	39.611, -24.962, 1.122
Hunter-Lab	33.194, -15.768, 0.841
Binary	00101010, 01100111, 01011111

#2a675f
```
#2a675f rgb(42,103,95)
```
#672a32
```
#672a32 rgb(103,42,50)
```

Complementary Color

#2a6741
```
#2a6741 rgb(42,103,65)
```
#2a675f
```
#2a675f rgb(42,103,95)
```
#2a5167
```
#2a5167 rgb(42,81,103)
```

Analogous Color

#67412a
```
#67412a rgb(103,65,42)
```
#2a675f
```
#2a675f rgb(42,103,95)
```
#672a51
```
#672a51 rgb(103,42,81)
```

Split Complementary Color

#675f2a
```
#675f2a rgb(103,95,42)
```
#2a675f
```
#2a675f rgb(42,103,95)
```
#5f2a67
```
#5f2a67 rgb(95,42,103)
```

Triadic Color

#32672a
```
#32672a rgb(50,103,42)
```
#2a675f
```
#2a675f rgb(42,103,95)
```
#5f2a67
```
#5f2a67 rgb(95,42,103)
```
#672a32
```
#672a32 rgb(103,42,50)
```

Tetradic Color

#14312d
```
#14312d rgb(20,49,45)
```
#1b433e
```
#1b433e rgb(27,67,62)
```
#23554e
```
#23554e rgb(35,85,78)
```
#2a675f
```
#2a675f rgb(42,103,95)
```
#317970
```
#317970 rgb(49,121,112)
```
#398b80
```
#398b80 rgb(57,139,128)
```
#409d91
```
#409d91 rgb(64,157,145)
```

Monochromatic Color

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

#2a6750
```
#2a6750 rgb(42,103,80)
```
#2a6755
```
#2a6755 rgb(42,103,85)
```
#2a675a
```
#2a675a rgb(42,103,90)
```
#2a675f
```
#2a675f rgb(42,103,95)
```
#2a6764
```
#2a6764 rgb(42,103,100)
```
#2a6567
```
#2a6567 rgb(42,101,103)
```
#2a6067
```
#2a6067 rgb(42,96,103)
```

Similar Colors

Text with hexadecimal color #2a675f

This text has a font color of #2a675f.

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

#2a675f background color

This paragraph has a background color of #2a675f.

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

#2a675f border color

This element has a border color of #2a675f.

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

CSS codes

.text {color:#2a675f;}

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

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

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)
```
#0e211f
```
#0e211f rgb(14,33,31)
```
#132f2c
```
#132f2c rgb(19,47,44)
```
#193d38
```
#193d38 rgb(25,61,56)
```
#1f4b45
```
#1f4b45 rgb(31,75,69)
```
#245952
```
#245952 rgb(36,89,82)
```
#2a675f
```
#2a675f rgb(42,103,95)
```
#30756c
```
#30756c rgb(48,117,108)
```
#358379
```
#358379 rgb(53,131,121)
```
#3b9186
```
#3b9186 rgb(59,145,134)
```
#419f92
```
#419f92 rgb(65,159,146)
```
#46ad9f
```
#46ad9f rgb(70,173,159)
```

Shade Color Variation

#4fb7aa
```
#4fb7aa rgb(79,183,170)
```
#5dbdb0
```
#5dbdb0 rgb(93,189,176)
```
#6bc3b7
```
#6bc3b7 rgb(107,195,183)
```
#79c8be
```
#79c8be rgb(121,200,190)
```
#87cec5
```
#87cec5 rgb(135,206,197)
```
#95d4cc
```
#95d4cc rgb(149,212,204)
```
#a3d9d2
```
#a3d9d2 rgb(163,217,210)
```
#b1dfd9
```
#b1dfd9 rgb(177,223,217)
```
#bfe5e0
```
#bfe5e0 rgb(191,229,224)
```
#cdebe7
```
#cdebe7 rgb(205,235,231)
```
#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 #038e7c is the most saturated one.

#464b4a
```
#464b4a rgb(70,75,74)
```
#40514f
```
#40514f rgb(64,81,79)
```
#3b5653
```
#3b5653 rgb(59,86,83)
```
#355c57
```
#355c57 rgb(53,92,87)
```
#30615b
```
#30615b rgb(48,97,91)
```
#2a675f
```
#2a675f rgb(42,103,95)
```
#246d63
```
#246d63 rgb(36,109,99)
```
#1f7267
```
#1f7267 rgb(31,114,103)
```
#19786b
```
#19786b rgb(25,120,107)
```
#147d6f
```
#147d6f rgb(20,125,111)
```
#0e8374
```
#0e8374 rgb(14,131,116)
```
#098878
```
#098878 rgb(9,136,120)
```
#038e7c
```
#038e7c rgb(3,142,124)
```

Tone Color Variation

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

#686562 Protanopia 1% of men
#6c626b Deuteranopia 1% of men
#3b6c74 Tritanopia 0.001% of the population

Trichromacy

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

#2a675f hex color

#2a675f Color Information

#2a675f Color Conversion

Color Schemes with #2a675f

Alternatives to #2a675f

#2a675f Preview

Shades and Tints of #2a675f

Tones of #2a675f

Color Blindness Simulator