#40b5a2 hex color

In a RGB color space, hex #40b5a2 is composed of 25.1% red, 71% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 0% magenta, 10.5% yellow and 29% black. It has a hue angle of 170.3 degrees, a saturation of 47.8% and a lightness of 48%. #40b5a2 color hex could be obtained by blending #80ffff with #006b45. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 25
- G 71
- B 64
RGB color chart
- C 65
- M 0
- Y 10
- K 29
CMYK color chart

● #40b5a2 color description : Moderate cyan.

The hexadecimal color #40b5a2 has RGB values of R:64, G:181, B:162 and CMYK values of C:0.65, M:0, Y:0.1, K:0.29. Its decimal value is 4240802.

Hex triplet	40b5a2	`#40b5a2`
RGB Decimal	64, 181, 162	`rgb(64,181,162)`
RGB Percent	25.1, 71, 63.5	`rgb(25.1%,71%,63.5%)`
CMYK	65, 0, 10, 29
HSL	170.3°, 47.8, 48	`hsl(170.3,47.8%,48%)`
HSV (or HSB)	170.3°, 64.6, 71
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.085, -37.092, 0.073
XYZ	25.158, 36.744, 39.947
xyY	0.247, 0.361, 36.744
CIE-LCH	67.085, 37.092, 179.887
CIE-LUV	67.085, -46.473, 5.838
Hunter-Lab	60.617, -31.997, 3.359
Binary	01000000, 10110101, 10100010

#40b5a2
```
#40b5a2 rgb(64,181,162)
```
#b54053
```
#b54053 rgb(181,64,83)
```

Complementary Color

#40b568
```
#40b568 rgb(64,181,104)
```
#40b5a2
```
#40b5a2 rgb(64,181,162)
```
#408eb5
```
#408eb5 rgb(64,142,181)
```

Analogous Color

#b56840
```
#b56840 rgb(181,104,64)
```
#40b5a2
```
#40b5a2 rgb(64,181,162)
```
#b5408e
```
#b5408e rgb(181,64,142)
```

Split Complementary Color

#b5a240
```
#b5a240 rgb(181,162,64)
```
#40b5a2
```
#40b5a2 rgb(64,181,162)
```
#a240b5
```
#a240b5 rgb(162,64,181)
```

Triadic Color

#53b540
```
#53b540 rgb(83,181,64)
```
#40b5a2
```
#40b5a2 rgb(64,181,162)
```
#a240b5
```
#a240b5 rgb(162,64,181)
```
#b54053
```
#b54053 rgb(181,64,83)
```

Tetradic Color

#2c7c6f
```
#2c7c6f rgb(44,124,111)
```
#338f80
```
#338f80 rgb(51,143,128)
```
#39a291
```
#39a291 rgb(57,162,145)
```
#40b5a2
```
#40b5a2 rgb(64,181,162)
```
#4ec0ae
```
#4ec0ae rgb(78,192,174)
```
#61c7b7
```
#61c7b7 rgb(97,199,183)
```
#74cebf
```
#74cebf rgb(116,206,191)
```

Monochromatic Color

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

#40b585
```
#40b585 rgb(64,181,133)
```
#40b58f
```
#40b58f rgb(64,181,143)
```
#40b598
```
#40b598 rgb(64,181,152)
```
#40b5a2
```
#40b5a2 rgb(64,181,162)
```
#40b5ac
```
#40b5ac rgb(64,181,172)
```
#40b5b5
```
#40b5b5 rgb(64,181,181)
```
#40abb5
```
#40abb5 rgb(64,171,181)
```

Similar Colors

Text with hexadecimal color #40b5a2

This text has a font color of #40b5a2.

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

#40b5a2 background color

This paragraph has a background color of #40b5a2.

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

#40b5a2 border color

This element has a border color of #40b5a2.

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

CSS codes

.text {color:#40b5a2;}

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

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

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

#030706
```
#030706 rgb(3,7,6)
```
#081613
```
#081613 rgb(8,22,19)
```
#0d2420
```
#0d2420 rgb(13,36,32)
```
#12332d
```
#12332d rgb(18,51,45)
```
#17413a
```
#17413a rgb(23,65,58)
```
#1c5047
```
#1c5047 rgb(28,80,71)
```
#215e54
```
#215e54 rgb(33,94,84)
```
#266d61
```
#266d61 rgb(38,109,97)
```
#2c7b6e
```
#2c7b6e rgb(44,123,110)
```
#318a7b
```
#318a7b rgb(49,138,123)
```
#369888
```
#369888 rgb(54,152,136)
```
#3ba795
```
#3ba795 rgb(59,167,149)
```
#40b5a2
```
#40b5a2 rgb(64,181,162)
```

Shade Color Variation

#4abfac
```
#4abfac rgb(74,191,172)
```
#58c4b3
```
#58c4b3 rgb(88,196,179)
```
#67c9b9
```
#67c9b9 rgb(103,201,185)
```
#75cec0
```
#75cec0 rgb(117,206,192)
```
#84d3c6
```
#84d3c6 rgb(132,211,198)
```
#92d9cd
```
#92d9cd rgb(146,217,205)
```
#a1ded4
```
#a1ded4 rgb(161,222,212)
```
#afe3da
```
#afe3da rgb(175,227,218)
```
#bee8e1
```
#bee8e1 rgb(190,232,225)
```
#ccede8
```
#ccede8 rgb(204,237,232)
```
#dbf2ee
```
#dbf2ee rgb(219,242,238)
```
#e9f7f5
```
#e9f7f5 rgb(233,247,245)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797c7c is the less saturated color, while #07eec8 is the most saturated one.

#797c7c
```
#797c7c rgb(121,124,124)
```
#6f8682
```
#6f8682 rgb(111,134,130)
```
#668f89
```
#668f89 rgb(102,143,137)
```
#5c998f
```
#5c998f rgb(92,153,143)
```
#53a295
```
#53a295 rgb(83,162,149)
```
#49ac9c
```
#49ac9c rgb(73,172,156)
```
#40b5a2
```
#40b5a2 rgb(64,181,162)
```
#37bea8
```
#37bea8 rgb(55,190,168)
```
#2dc8af
```
#2dc8af rgb(45,200,175)
```
#24d1b5
```
#24d1b5 rgb(36,209,181)
```
#1adbbb
```
#1adbbb rgb(26,219,187)
```
#11e4c2
```
#11e4c2 rgb(17,228,194)
```
#07eec8
```
#07eec8 rgb(7,238,200)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#809794 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada79d Protanopia 1% of men
#b4a3ae Deuteranopia 1% of men
#58b4c1 Tritanopia 0.001% of the population

Trichromacy

#85ac9f Protanomaly 1% of men, 0.01% of women
#8aa9a9 Deuteranomaly 6% of men, 0.4% of women
#4fb4b6 Tritanomaly 0.01% of the population

#40b5a2 hex color

#40b5a2 Color Information

#40b5a2 Color Conversion

Color Schemes with #40b5a2

Alternatives to #40b5a2

#40b5a2 Preview

Shades and Tints of #40b5a2

Tones of #40b5a2

Color Blindness Simulator