#40a585 hex color

In a RGB color space, hex #40a585 is composed of 25.1% red, 64.7% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 0% magenta, 19.4% yellow and 35.3% black. It has a hue angle of 161 degrees, a saturation of 44.1% and a lightness of 44.9%. #40a585 color hex could be obtained by blending #80ffff with #004b0b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 25
- G 65
- B 52
RGB color chart
- C 61
- M 0
- Y 19
- K 35
CMYK color chart

● #40a585 color description : Dark moderate cyan - lime green.

The hexadecimal color #40a585 has RGB values of R:64, G:165, B:133 and CMYK values of C:0.61, M:0, Y:0.19, K:0.35. Its decimal value is 4236677.

Hex triplet	40a585	`#40a585`
RGB Decimal	64, 165, 133	`rgb(64,165,133)`
RGB Percent	25.1, 64.7, 52.2	`rgb(25.1%,64.7%,52.2%)`
CMYK	61, 0, 19, 35
HSL	161°, 44.1, 44.9	`hsl(161,44.1%,44.9%)`
HSV (or HSB)	161°, 61.2, 64.7
Web Safe	339999	`#339999`

CIE-LAB	61.388, -37.159, 7.968
XYZ	19.802, 29.692, 26.877
xyY	0.259, 0.389, 29.692
CIE-LCH	61.388, 38.004, 167.897
CIE-LUV	61.388, -42.075, 16.968
Hunter-Lab	54.49, -30.492, 8.899
Binary	01000000, 10100101, 10000101

#40a585
```
#40a585 rgb(64,165,133)
```
#a54060
```
#a54060 rgb(165,64,96)
```

Complementary Color

#40a553
```
#40a553 rgb(64,165,83)
```
#40a585
```
#40a585 rgb(64,165,133)
```
#4093a5
```
#4093a5 rgb(64,147,165)
```

Analogous Color

#a55340
```
#a55340 rgb(165,83,64)
```
#40a585
```
#40a585 rgb(64,165,133)
```
#a54093
```
#a54093 rgb(165,64,147)
```

Split Complementary Color

#a58540
```
#a58540 rgb(165,133,64)
```
#40a585
```
#40a585 rgb(64,165,133)
```
#8540a5
```
#8540a5 rgb(133,64,165)
```

Triadic Color

#60a540
```
#60a540 rgb(96,165,64)
```
#40a585
```
#40a585 rgb(64,165,133)
```
#8540a5
```
#8540a5 rgb(133,64,165)
```
#a54060
```
#a54060 rgb(165,64,96)
```

Tetradic Color

#2b6e59
```
#2b6e59 rgb(43,110,89)
```
#328067
```
#328067 rgb(50,128,103)
```
#399376
```
#399376 rgb(57,147,118)
```
#40a585
```
#40a585 rgb(64,165,133)
```
#47b794
```
#47b794 rgb(71,183,148)
```
#59bf9f
```
#59bf9f rgb(89,191,159)
```
#6cc6a9
```
#6cc6a9 rgb(108,198,169)
```

Monochromatic Color

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

#40a56c
```
#40a56c rgb(64,165,108)
```
#40a574
```
#40a574 rgb(64,165,116)
```
#40a57d
```
#40a57d rgb(64,165,125)
```
#40a585
```
#40a585 rgb(64,165,133)
```
#40a58d
```
#40a58d rgb(64,165,141)
```
#40a596
```
#40a596 rgb(64,165,150)
```
#40a59e
```
#40a59e rgb(64,165,158)
```

Similar Colors

Text with hexadecimal color #40a585

This text has a font color of #40a585.

<span style="color:#40a585;">Text here</span>

#40a585 background color

This paragraph has a background color of #40a585.

<p style="background-color:#40a585;">Content here</p>

#40a585 border color

This element has a border color of #40a585.

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

CSS codes

.text {color:#40a585;}

.background {background-color:#40a585;}

.border {border:1px solid #40a585;}

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, #040a08 is the darkest color, while #fafdfc is the lightest one.

#040a08
```
#040a08 rgb(4,10,8)
```
#091813
```
#091813 rgb(9,24,19)
```
#0f261e
```
#0f261e rgb(15,38,30)
```
#14342a
```
#14342a rgb(20,52,42)
```
#1a4235
```
#1a4235 rgb(26,66,53)
```
#1f5041
```
#1f5041 rgb(31,80,65)
```
#255e4c
```
#255e4c rgb(37,94,76)
```
#2a6c57
```
#2a6c57 rgb(42,108,87)
```
#307b63
```
#307b63 rgb(48,123,99)
```
#35896e
```
#35896e rgb(53,137,110)
```
#3b977a
```
#3b977a rgb(59,151,122)
```
#40a585
```
#40a585 rgb(64,165,133)
```
#45b390
```
#45b390 rgb(69,179,144)
```

Shade Color Variation

#51bb9a
```
#51bb9a rgb(81,187,154)
```
#5fc1a2
```
#5fc1a2 rgb(95,193,162)
```
#6dc6aa
```
#6dc6aa rgb(109,198,170)
```
#7bccb2
```
#7bccb2 rgb(123,204,178)
```
#89d1bb
```
#89d1bb rgb(137,209,187)
```
#97d7c3
```
#97d7c3 rgb(151,215,195)
```
#a6dccb
```
#a6dccb rgb(166,220,203)
```
#b4e2d3
```
#b4e2d3 rgb(180,226,211)
```
#c2e7db
```
#c2e7db rgb(194,231,219)
```
#d0ede4
```
#d0ede4 rgb(208,237,228)
```
#def2ec
```
#def2ec rgb(222,242,236)
```
#ecf8f4
```
#ecf8f4 rgb(236,248,244)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c7975 is the less saturated color, while #02e39c is the most saturated one.

#6c7975
```
#6c7975 rgb(108,121,117)
```
#638278
```
#638278 rgb(99,130,120)
```
#5a8b7b
```
#5a8b7b rgb(90,139,123)
```
#52937f
```
#52937f rgb(82,147,127)
```
#499c82
```
#499c82 rgb(73,156,130)
```
#40a585
```
#40a585 rgb(64,165,133)
```
#37ae88
```
#37ae88 rgb(55,174,136)
```
#2eb78b
```
#2eb78b rgb(46,183,139)
```
#26bf8f
```
#26bf8f rgb(38,191,143)
```
#1dc892
```
#1dc892 rgb(29,200,146)
```
#14d195
```
#14d195 rgb(20,209,149)
```
#0bda98
```
#0bda98 rgb(11,218,152)
```
#02e39c
```
#02e39c rgb(2,227,156)
```

Tone Color Variation

Below, you can see how #40a585 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

#838383 Achromatopsia 0.005% of the population
#768a83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19983 Protanopia 1% of men
#aa9492 Deuteranopia 1% of men
#5aa4b0 Tritanopia 0.001% of the population

Trichromacy

#7e9d84 Protanomaly 1% of men, 0.01% of women
#839a8d Deuteranomaly 6% of men, 0.4% of women
#50a4a0 Tritanomaly 0.01% of the population

#40a585 hex color

#40a585 Color Information

#40a585 Color Conversion

Color Schemes with #40a585

Alternatives to #40a585

#40a585 Preview

Shades and Tints of #40a585

Tones of #40a585

Color Blindness Simulator