#2a645e hex color

In a RGB color space, hex #2a645e is composed of 16.5% red, 39.2% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 0% magenta, 6% yellow and 60.8% black. It has a hue angle of 173.8 degrees, a saturation of 40.8% and a lightness of 27.8%. #2a645e color hex could be obtained by blending #54c8bc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 39
- B 37
RGB color chart
- C 58
- M 0
- Y 6
- K 61
CMYK color chart

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

The hexadecimal color #2a645e has RGB values of R:42, G:100, B:94 and CMYK values of C:0.58, M:0, Y:0.06, K:0.61. Its decimal value is 2778206.

Hex triplet	2a645e	`#2a645e`
RGB Decimal	42, 100, 94	`rgb(42,100,94)`
RGB Percent	16.5, 39.2, 36.9	`rgb(16.5%,39.2%,36.9%)`
CMYK	58, 0, 6, 61
HSL	173.8°, 40.8, 27.8	`hsl(173.8,40.8%,27.8%)`
HSV (or HSB)	173.8°, 58, 39.2
Web Safe	336666	`#336666`

CIE-LAB	38.576, -20.479, -2.329
XYZ	7.532, 10.414, 12.202
xyY	0.25, 0.345, 10.414
CIE-LCH	38.576, 20.611, 186.488
CIE-LUV	38.576, -23.805, -0.261
Hunter-Lab	32.271, -14.814, 0.171
Binary	00101010, 01100100, 01011110

#2a645e
```
#2a645e rgb(42,100,94)
```
#642a30
```
#642a30 rgb(100,42,48)
```

Complementary Color

#2a6441
```
#2a6441 rgb(42,100,65)
```
#2a645e
```
#2a645e rgb(42,100,94)
```
#2a4d64
```
#2a4d64 rgb(42,77,100)
```

Analogous Color

#64412a
```
#64412a rgb(100,65,42)
```
#2a645e
```
#2a645e rgb(42,100,94)
```
#642a4d
```
#642a4d rgb(100,42,77)
```

Split Complementary Color

#645e2a
```
#645e2a rgb(100,94,42)
```
#2a645e
```
#2a645e rgb(42,100,94)
```
#5e2a64
```
#5e2a64 rgb(94,42,100)
```

Triadic Color

#30642a
```
#30642a rgb(48,100,42)
```
#2a645e
```
#2a645e rgb(42,100,94)
```
#5e2a64
```
#5e2a64 rgb(94,42,100)
```
#642a30
```
#642a30 rgb(100,42,48)
```

Tetradic Color

#132e2b
```
#132e2b rgb(19,46,43)
```
#1b403c
```
#1b403c rgb(27,64,60)
```
#22524d
```
#22524d rgb(34,82,77)
```
#2a645e
```
#2a645e rgb(42,100,94)
```
#32766f
```
#32766f rgb(50,118,111)
```
#398880
```
#398880 rgb(57,136,128)
```
#419a91
```
#419a91 rgb(65,154,145)
```

Monochromatic Color

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

#2a6450
```
#2a6450 rgb(42,100,80)
```
#2a6454
```
#2a6454 rgb(42,100,84)
```
#2a6459
```
#2a6459 rgb(42,100,89)
```
#2a645e
```
#2a645e rgb(42,100,94)
```
#2a6463
```
#2a6463 rgb(42,100,99)
```
#2a6064
```
#2a6064 rgb(42,96,100)
```
#2a5c64
```
#2a5c64 rgb(42,92,100)
```

Similar Colors

Text with hexadecimal color #2a645e

This text has a font color of #2a645e.

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

#2a645e background color

This paragraph has a background color of #2a645e.

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

#2a645e border color

This element has a border color of #2a645e.

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

CSS codes

.text {color:#2a645e;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#071110
```
#071110 rgb(7,17,16)
```
#0d1f1d
```
#0d1f1d rgb(13,31,29)
```
#132d2a
```
#132d2a rgb(19,45,42)
```
#193b37
```
#193b37 rgb(25,59,55)
```
#1e4844
```
#1e4844 rgb(30,72,68)
```
#245651
```
#245651 rgb(36,86,81)
```
#2a645e
```
#2a645e rgb(42,100,94)
```
#30726b
```
#30726b rgb(48,114,107)
```
#368078
```
#368078 rgb(54,128,120)
```
#3b8d85
```
#3b8d85 rgb(59,141,133)
```
#419b92
```
#419b92 rgb(65,155,146)
```
#47a99f
```
#47a99f rgb(71,169,159)
```

Shade Color Variation

#4fb5aa
```
#4fb5aa rgb(79,181,170)
```
#5dbbb1
```
#5dbbb1 rgb(93,187,177)
```
#6ac1b8
```
#6ac1b8 rgb(106,193,184)
```
#78c6be
```
#78c6be rgb(120,198,190)
```
#86ccc5
```
#86ccc5 rgb(134,204,197)
```
#94d2cc
```
#94d2cc rgb(148,210,204)
```
#a2d8d2
```
#a2d8d2 rgb(162,216,210)
```
#afded9
```
#afded9 rgb(175,222,217)
```
#bde3df
```
#bde3df rgb(189,227,223)
```
#cbe9e6
```
#cbe9e6 rgb(203,233,230)
```
#d9efed
```
#d9efed rgb(217,239,237)
```
#e7f5f3
```
#e7f5f3 rgb(231,245,243)
```
#f4fbfa
```
#f4fbfa rgb(244,251,250)
```

Tint Color Variation

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

#454948
```
#454948 rgb(69,73,72)
```
#404e4d
```
#404e4d rgb(64,78,77)
```
#3a5451
```
#3a5451 rgb(58,84,81)
```
#355955
```
#355955 rgb(53,89,85)
```
#2f5f5a
```
#2f5f5a rgb(47,95,90)
```
#2a645e
```
#2a645e rgb(42,100,94)
```
#256962
```
#256962 rgb(37,105,98)
```
#1f6f67
```
#1f6f67 rgb(31,111,103)
```
#1a746b
```
#1a746b rgb(26,116,107)
```
#147a6f
```
#147a6f rgb(20,122,111)
```
#0f7f74
```
#0f7f74 rgb(15,127,116)
```
#098578
```
#098578 rgb(9,133,120)
```
#048a7c
```
#048a7c rgb(4,138,124)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4a5654 Atypical Achromatopsia 0.001% of the population

Dichromacy

#656261 Protanopia 1% of men
#69606a Deuteranopia 1% of men
#3a6a72 Tritanopia 0.001% of the population

Trichromacy

#4f6360 Protanomaly 1% of men, 0.01% of women
#526165 Deuteranomaly 6% of men, 0.4% of women
#34676a Tritanomaly 0.01% of the population

#2a645e hex color

#2a645e Color Information

#2a645e Color Conversion

Color Schemes with #2a645e

Alternatives to #2a645e

#2a645e Preview

Shades and Tints of #2a645e

Tones of #2a645e

Color Blindness Simulator