#40a89a hex color

In a RGB color space, hex #40a89a is composed of 25.1% red, 65.9% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 0% magenta, 8.3% yellow and 34.1% black. It has a hue angle of 171.9 degrees, a saturation of 44.8% and a lightness of 45.5%. #40a89a color hex could be obtained by blending #80ffff with #005135. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 25
- G 66
- B 60
RGB color chart
- C 62
- M 0
- Y 8
- K 34
CMYK color chart

● #40a89a color description : Dark moderate cyan.

The hexadecimal color #40a89a has RGB values of R:64, G:168, B:154 and CMYK values of C:0.62, M:0, Y:0.08, K:0.34. Its decimal value is 4237466.

Hex triplet	40a89a	`#40a89a`
RGB Decimal	64, 168, 154	`rgb(64,168,154)`
RGB Percent	25.1, 65.9, 60.4	`rgb(25.1%,65.9%,60.4%)`
CMYK	62, 0, 8, 34
HSL	171.9°, 44.8, 45.5	`hsl(171.9,44.8%,45.5%)`
HSV (or HSB)	171.9°, 61.9, 65.9
Web Safe	339999	`#339999`

CIE-LAB	62.866, -33.188, -1.65
XYZ	21.948, 31.427, 35.479
xyY	0.247, 0.354, 31.427
CIE-LCH	62.866, 33.229, 182.847
CIE-LUV	62.866, -42.063, 2.641
Hunter-Lab	56.059, -28.219, 1.718
Binary	01000000, 10101000, 10011010

#40a89a
```
#40a89a rgb(64,168,154)
```
#a8404e
```
#a8404e rgb(168,64,78)
```

Complementary Color

#40a866
```
#40a866 rgb(64,168,102)
```
#40a89a
```
#40a89a rgb(64,168,154)
```
#4082a8
```
#4082a8 rgb(64,130,168)
```

Analogous Color

#a86640
```
#a86640 rgb(168,102,64)
```
#40a89a
```
#40a89a rgb(64,168,154)
```
#a84082
```
#a84082 rgb(168,64,130)
```

Split Complementary Color

#a89a40
```
#a89a40 rgb(168,154,64)
```
#40a89a
```
#40a89a rgb(64,168,154)
```
#9a40a8
```
#9a40a8 rgb(154,64,168)
```

Triadic Color

#4ea840
```
#4ea840 rgb(78,168,64)
```
#40a89a
```
#40a89a rgb(64,168,154)
```
#9a40a8
```
#9a40a8 rgb(154,64,168)
```
#a8404e
```
#a8404e rgb(168,64,78)
```

Tetradic Color

#2b7167
```
#2b7167 rgb(43,113,103)
```
#328378
```
#328378 rgb(50,131,120)
```
#399689
```
#399689 rgb(57,150,137)
```
#40a89a
```
#40a89a rgb(64,168,154)
```
#48b9aa
```
#48b9aa rgb(72,185,170)
```
#5bc0b3
```
#5bc0b3 rgb(91,192,179)
```
#6dc7bb
```
#6dc7bb rgb(109,199,187)
```

Monochromatic Color

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

#40a880
```
#40a880 rgb(64,168,128)
```
#40a889
```
#40a889 rgb(64,168,137)
```
#40a891
```
#40a891 rgb(64,168,145)
```
#40a89a
```
#40a89a rgb(64,168,154)
```
#40a8a3
```
#40a8a3 rgb(64,168,163)
```
#40a5a8
```
#40a5a8 rgb(64,165,168)
```
#409ca8
```
#409ca8 rgb(64,156,168)
```

Similar Colors

Text with hexadecimal color #40a89a

This text has a font color of #40a89a.

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

#40a89a background color

This paragraph has a background color of #40a89a.

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

#40a89a border color

This element has a border color of #40a89a.

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

CSS codes

.text {color:#40a89a;}

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

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

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

#040c0b
```
#040c0b rgb(4,12,11)
```
#0a1a18
```
#0a1a18 rgb(10,26,24)
```
#0f2825
```
#0f2825 rgb(15,40,37)
```
#153632
```
#153632 rgb(21,54,50)
```
#1a453f
```
#1a453f rgb(26,69,63)
```
#20534c
```
#20534c rgb(32,83,76)
```
#256159
```
#256159 rgb(37,97,89)
```
#2a6f66
```
#2a6f66 rgb(42,111,102)
```
#307d73
```
#307d73 rgb(48,125,115)
```
#358c80
```
#358c80 rgb(53,140,128)
```
#3b9a8d
```
#3b9a8d rgb(59,154,141)
```
#40a89a
```
#40a89a rgb(64,168,154)
```
#45b6a7
```
#45b6a7 rgb(69,182,167)
```

Shade Color Variation

#52bdaf
```
#52bdaf rgb(82,189,175)
```
#60c3b5
```
#60c3b5 rgb(96,195,181)
```
#6fc8bc
```
#6fc8bc rgb(111,200,188)
```
#7dcdc3
```
#7dcdc3 rgb(125,205,195)
```
#8bd3c9
```
#8bd3c9 rgb(139,211,201)
```
#99d8d0
```
#99d8d0 rgb(153,216,208)
```
#a7ded6
```
#a7ded6 rgb(167,222,214)
```
#b6e3dd
```
#b6e3dd rgb(182,227,221)
```
#c4e8e3
```
#c4e8e3 rgb(196,232,227)
```
#d2eeea
```
#d2eeea rgb(210,238,234)
```
#e0f3f1
```
#e0f3f1 rgb(224,243,241)
```
#eef9f7
```
#eef9f7 rgb(238,249,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#6d7b79
```
#6d7b79 rgb(109,123,121)
```
#648480
```
#648480 rgb(100,132,128)
```
#5b8d86
```
#5b8d86 rgb(91,141,134)
```
#52968d
```
#52968d rgb(82,150,141)
```
#499f93
```
#499f93 rgb(73,159,147)
```
#40a89a
```
#40a89a rgb(64,168,154)
```
#37b1a1
```
#37b1a1 rgb(55,177,161)
```
#2ebaa7
```
#2ebaa7 rgb(46,186,167)
```
#25c3ae
```
#25c3ae rgb(37,195,174)
```
#1cccb4
```
#1cccb4 rgb(28,204,180)
```
#13d5bb
```
#13d5bb rgb(19,213,187)
```
#0adec1
```
#0adec1 rgb(10,222,193)
```
#02e6c8
```
#02e6c8 rgb(2,230,200)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#798e8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19c97 Protanopia 1% of men
#a799a6 Deuteranopia 1% of men
#55a9b5 Tritanopia 0.001% of the population

Trichromacy

#7ea098 Protanomaly 1% of men, 0.01% of women
#829ea1 Deuteranomaly 6% of men, 0.4% of women
#4da8ab Tritanomaly 0.01% of the population

#40a89a hex color

#40a89a Color Information

#40a89a Color Conversion

Color Schemes with #40a89a

Alternatives to #40a89a

#40a89a Preview

Shades and Tints of #40a89a

Tones of #40a89a

Color Blindness Simulator