#40a685 hex color

In a RGB color space, hex #40a685 is composed of 25.1% red, 65.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 0% magenta, 19.9% yellow and 34.9% black. It has a hue angle of 160.6 degrees, a saturation of 44.3% and a lightness of 45.1%. #40a685 color hex could be obtained by blending #80ffff with #004d0b. Closest websafe color is: #339999.

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

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

The hexadecimal color #40a685 has RGB values of R:64, G:166, B:133 and CMYK values of C:0.61, M:0, Y:0.2, K:0.35. Its decimal value is 4236933.

Hex triplet	40a685	`#40a685`
RGB Decimal	64, 166, 133	`rgb(64,166,133)`
RGB Percent	25.1, 65.1, 52.2	`rgb(25.1%,65.1%,52.2%)`
CMYK	61, 0, 20, 35
HSL	160.6°, 44.3, 45.1	`hsl(160.6,44.3%,45.1%)`
HSV (or HSB)	160.6°, 61.4, 65.1
Web Safe	339999	`#339999`

CIE-LAB	61.701, -37.609, 8.414
XYZ	19.983, 30.054, 26.937
xyY	0.26, 0.39, 30.054
CIE-LCH	61.701, 38.539, 167.389
CIE-LUV	61.701, -42.46, 17.668
Hunter-Lab	54.822, -30.874, 9.243
Binary	01000000, 10100110, 10000101

#40a685
```
#40a685 rgb(64,166,133)
```
#a64061
```
#a64061 rgb(166,64,97)
```

Complementary Color

#40a652
```
#40a652 rgb(64,166,82)
```
#40a685
```
#40a685 rgb(64,166,133)
```
#4094a6
```
#4094a6 rgb(64,148,166)
```

Analogous Color

#a65240
```
#a65240 rgb(166,82,64)
```
#40a685
```
#40a685 rgb(64,166,133)
```
#a64094
```
#a64094 rgb(166,64,148)
```

Split Complementary Color

#a68540
```
#a68540 rgb(166,133,64)
```
#40a685
```
#40a685 rgb(64,166,133)
```
#8540a6
```
#8540a6 rgb(133,64,166)
```

Triadic Color

#61a640
```
#61a640 rgb(97,166,64)
```
#40a685
```
#40a685 rgb(64,166,133)
```
#8540a6
```
#8540a6 rgb(133,64,166)
```
#a64061
```
#a64061 rgb(166,64,97)
```

Tetradic Color

#2b6f59
```
#2b6f59 rgb(43,111,89)
```
#328168
```
#328168 rgb(50,129,104)
```
#399476
```
#399476 rgb(57,148,118)
```
#40a685
```
#40a685 rgb(64,166,133)
```
#47b894
```
#47b894 rgb(71,184,148)
```
#5abf9e
```
#5abf9e rgb(90,191,158)
```
#6cc6a9
```
#6cc6a9 rgb(108,198,169)
```

Monochromatic Color

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

#40a66c
```
#40a66c rgb(64,166,108)
```
#40a674
```
#40a674 rgb(64,166,116)
```
#40a67d
```
#40a67d rgb(64,166,125)
```
#40a685
```
#40a685 rgb(64,166,133)
```
#40a68e
```
#40a68e rgb(64,166,142)
```
#40a696
```
#40a696 rgb(64,166,150)
```
#40a69f
```
#40a69f rgb(64,166,159)
```

Similar Colors

Text with hexadecimal color #40a685

This text has a font color of #40a685.

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

#40a685 background color

This paragraph has a background color of #40a685.

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

#40a685 border color

This element has a border color of #40a685.

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

CSS codes

.text {color:#40a685;}

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

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

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

#040a08
```
#040a08 rgb(4,10,8)
```
#091814
```
#091814 rgb(9,24,20)
```
#0f271f
```
#0f271f rgb(15,39,31)
```
#14352a
```
#14352a rgb(20,53,42)
```
#1a4336
```
#1a4336 rgb(26,67,54)
```
#1f5141
```
#1f5141 rgb(31,81,65)
```
#255f4c
```
#255f4c rgb(37,95,76)
```
#2a6d58
```
#2a6d58 rgb(42,109,88)
```
#307c63
```
#307c63 rgb(48,124,99)
```
#358a6e
```
#358a6e rgb(53,138,110)
```
#3b987a
```
#3b987a rgb(59,152,122)
```
#40a685
```
#40a685 rgb(64,166,133)
```
#45b490
```
#45b490 rgb(69,180,144)
```

Shade Color Variation

#51bc99
```
#51bc99 rgb(81,188,153)
```
#5fc1a2
```
#5fc1a2 rgb(95,193,162)
```
#6ec7aa
```
#6ec7aa rgb(110,199,170)
```
#7cccb2
```
#7cccb2 rgb(124,204,178)
```
#8ad2bb
```
#8ad2bb rgb(138,210,187)
```
#98d7c3
```
#98d7c3 rgb(152,215,195)
```
#a6ddcb
```
#a6ddcb rgb(166,221,203)
```
#b4e2d3
```
#b4e2d3 rgb(180,226,211)
```
#c2e8dc
```
#c2e8dc rgb(194,232,220)
```
#d1ede4
```
#d1ede4 rgb(209,237,228)
```
#dff3ec
```
#dff3ec rgb(223,243,236)
```
#edf8f4
```
#edf8f4 rgb(237,248,244)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#6c7a75
```
#6c7a75 rgb(108,122,117)
```
#638379
```
#638379 rgb(99,131,121)
```
#5b8b7c
```
#5b8b7c rgb(91,139,124)
```
#52947f
```
#52947f rgb(82,148,127)
```
#499d82
```
#499d82 rgb(73,157,130)
```
#40a685
```
#40a685 rgb(64,166,133)
```
#37af88
```
#37af88 rgb(55,175,136)
```
#2eb88b
```
#2eb88b rgb(46,184,139)
```
#25c18e
```
#25c18e rgb(37,193,142)
```
#1dc991
```
#1dc991 rgb(29,201,145)
```
#14d295
```
#14d295 rgb(20,210,149)
```
#0bdb98
```
#0bdb98 rgb(11,219,152)
```
#02e49b
```
#02e49b rgb(2,228,155)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#768b84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29a83 Protanopia 1% of men
#ab9592 Deuteranopia 1% of men
#5aa5b1 Tritanopia 0.001% of the population

Trichromacy

#7e9e84 Protanomaly 1% of men, 0.01% of women
#849b8d Deuteranomaly 6% of men, 0.4% of women
#50a5a1 Tritanomaly 0.01% of the population

#40a685 hex color

#40a685 Color Information

#40a685 Color Conversion

Color Schemes with #40a685

Alternatives to #40a685

#40a685 Preview

Shades and Tints of #40a685

Tones of #40a685

Color Blindness Simulator