colorhexa.com

#2a675d hex color

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

- R 16
- G 40
- B 36
RGB color chart
- C 59
- M 0
- Y 10
- K 60
CMYK color chart

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

The hexadecimal color #2a675d has RGB values of R:42, G:103, B:93 and CMYK values of C:0.59, M:0, Y:0.1, K:0.6. Its decimal value is 2778973.

Hex triplet	2a675d	`#2a675d`
RGB Decimal	42, 103, 93	`rgb(42,103,93)`
RGB Percent	16.5, 40.4, 36.5	`rgb(16.5%,40.4%,36.5%)`
CMYK	59, 0, 10, 60
HSL	170.2°, 42.1, 28.4	`hsl(170.2,42.1%,28.4%)`
HSV (or HSB)	170.2°, 59.2, 40.4
Web Safe	336666	`#336666`

CIE-LAB	39.551, -22.346, -0.285
XYZ	7.78, 10.982, 12.065
xyY	0.252, 0.356, 10.982
CIE-LCH	39.551, 22.348, 180.731
CIE-LUV	39.551, -25.055, 2.696
Hunter-Lab	33.14, -16.088, 1.612
Binary	00101010, 01100111, 01011101

#2a675d
```
#2a675d rgb(42,103,93)
```
#672a34
```
#672a34 rgb(103,42,52)
```

Complementary Color

#2a673f
```
#2a673f rgb(42,103,63)
```
#2a675d
```
#2a675d rgb(42,103,93)
```
#2a5367
```
#2a5367 rgb(42,83,103)
```

Analogous Color

#673f2a
```
#673f2a rgb(103,63,42)
```
#2a675d
```
#2a675d rgb(42,103,93)
```
#672a53
```
#672a53 rgb(103,42,83)
```

Split Complementary Color

#675d2a
```
#675d2a rgb(103,93,42)
```
#2a675d
```
#2a675d rgb(42,103,93)
```
#5d2a67
```
#5d2a67 rgb(93,42,103)
```

Triadic Color

#14312c
```
#14312c rgb(20,49,44)
```
#1b433c
```
#1b433c rgb(27,67,60)
```
#23554d
```
#23554d rgb(35,85,77)
```
#2a675d
```
#2a675d rgb(42,103,93)
```
#31796d
```
#31796d rgb(49,121,109)
```
#398b7e
```
#398b7e rgb(57,139,126)
```
#409d8e
```
#409d8e rgb(64,157,142)
```

Monochromatic Color

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

#2a674e
```
#2a674e rgb(42,103,78)
```
#2a6753
```
#2a6753 rgb(42,103,83)
```
#2a6758
```
#2a6758 rgb(42,103,88)
```
#2a675d
```
#2a675d rgb(42,103,93)
```
#2a6762
```
#2a6762 rgb(42,103,98)
```
#2a6767
```
#2a6767 rgb(42,103,103)
```
#2a6267
```
#2a6267 rgb(42,98,103)
```

Similar Colors

Text with hexadecimal color #2a675d

This text has a font color of #2a675d.

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

#2a675d background color

This paragraph has a background color of #2a675d.

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

#2a675d border color

This element has a border color of #2a675d.

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

CSS codes

.text {color:#2a675d;}

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

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

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)
```
#193d37
```
#193d37 rgb(25,61,55)
```
#1f4b44
```
#1f4b44 rgb(31,75,68)
```
#245950
```
#245950 rgb(36,89,80)
```
#2a675d
```
#2a675d rgb(42,103,93)
```
#30756a
```
#30756a rgb(48,117,106)
```
#358376
```
#358376 rgb(53,131,118)
```
#3b9183
```
#3b9183 rgb(59,145,131)
```
#419f8f
```
#419f8f rgb(65,159,143)
```
#46ad9c
```
#46ad9c rgb(70,173,156)
```

Shade Color Variation

#4fb7a6
```
#4fb7a6 rgb(79,183,166)
```
#5dbdad
```
#5dbdad rgb(93,189,173)
```
#6bc3b4
```
#6bc3b4 rgb(107,195,180)
```
#79c8bb
```
#79c8bb rgb(121,200,187)
```
#87cec2
```
#87cec2 rgb(135,206,194)
```
#95d4c9
```
#95d4c9 rgb(149,212,201)
```
#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 #038e77 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)
```
#306159
```
#306159 rgb(48,97,89)
```
#2a675d
```
#2a675d rgb(42,103,93)
```
#246d61
```
#246d61 rgb(36,109,97)
```
#1f7264
```
#1f7264 rgb(31,114,100)
```
#197868
```
#197868 rgb(25,120,104)
```
#147d6c
```
#147d6c rgb(20,125,108)
```
#0e8370
```
#0e8370 rgb(14,131,112)
```
#098873
```
#098873 rgb(9,136,115)
```
#038e77
```
#038e77 rgb(3,142,119)
```

Tone Color Variation

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

#686560 Protanopia 1% of men
#6d6269 Deuteranopia 1% of men
#3b6c74 Tritanopia 0.001% of the population

Trichromacy

#51655f Protanomaly 1% of men, 0.01% of women
#546465 Deuteranomaly 6% of men, 0.4% of women
#356a6b Tritanomaly 0.01% of the population