#40bdb4 hex color

In a RGB color space, hex #40bdb4 is composed of 25.1% red, 74.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 0% magenta, 4.8% yellow and 25.9% black. It has a hue angle of 175.7 degrees, a saturation of 49.4% and a lightness of 49.6%. #40bdb4 color hex could be obtained by blending #80ffff with #007b69. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 25
- G 74
- B 71
RGB color chart
- C 66
- M 0
- Y 5
- K 26
CMYK color chart

● #40bdb4 color description : Moderate cyan.

The hexadecimal color #40bdb4 has RGB values of R:64, G:189, B:180 and CMYK values of C:0.66, M:0, Y:0.05, K:0.26. Its decimal value is 4242868.

Hex triplet	40bdb4	`#40bdb4`
RGB Decimal	64, 189, 180	`rgb(64,189,180)`
RGB Percent	25.1, 74.1, 70.6	`rgb(25.1%,74.1%,70.6%)`
CMYK	66, 0, 5, 26
HSL	175.7°, 49.4, 49.6	`hsl(175.7,49.4%,49.6%)`
HSV (or HSB)	175.7°, 66.1, 74.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.02, -35.929, -5.519
XYZ	28.548, 40.778, 49.544
xyY	0.24, 0.343, 40.778
CIE-LCH	70.02, 36.35, 188.733
CIE-LUV	70.02, -48.32, -2.821
Hunter-Lab	63.858, -31.952, -1.3
Binary	01000000, 10111101, 10110100

#40bdb4
```
#40bdb4 rgb(64,189,180)
```
#bd4049
```
#bd4049 rgb(189,64,73)
```

Complementary Color

#40bd76
```
#40bd76 rgb(64,189,118)
```
#40bdb4
```
#40bdb4 rgb(64,189,180)
```
#4088bd
```
#4088bd rgb(64,136,189)
```

Analogous Color

#bd7640
```
#bd7640 rgb(189,118,64)
```
#40bdb4
```
#40bdb4 rgb(64,189,180)
```
#bd4088
```
#bd4088 rgb(189,64,136)
```

Split Complementary Color

#bdb440
```
#bdb440 rgb(189,180,64)
```
#40bdb4
```
#40bdb4 rgb(64,189,180)
```
#b440bd
```
#b440bd rgb(180,64,189)
```

Triadic Color

#49bd40
```
#49bd40 rgb(73,189,64)
```
#40bdb4
```
#40bdb4 rgb(64,189,180)
```
#b440bd
```
#b440bd rgb(180,64,189)
```
#bd4049
```
#bd4049 rgb(189,64,73)
```

Tetradic Color

#2d847e
```
#2d847e rgb(45,132,126)
```
#339790
```
#339790 rgb(51,151,144)
```
#3aaaa2
```
#3aaaa2 rgb(58,170,162)
```
#40bdb4
```
#40bdb4 rgb(64,189,180)
```
#52c4bc
```
#52c4bc rgb(82,196,188)
```
#65cbc4
```
#65cbc4 rgb(101,203,196)
```
#78d1cb
```
#78d1cb rgb(120,209,203)
```

Monochromatic Color

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

#40bd95
```
#40bd95 rgb(64,189,149)
```
#40bd9f
```
#40bd9f rgb(64,189,159)
```
#40bdaa
```
#40bdaa rgb(64,189,170)
```
#40bdb4
```
#40bdb4 rgb(64,189,180)
```
#40bcbd
```
#40bcbd rgb(64,188,189)
```
#40b1bd
```
#40b1bd rgb(64,177,189)
```
#40a7bd
```
#40a7bd rgb(64,167,189)
```

Similar Colors

Text with hexadecimal color #40bdb4

This text has a font color of #40bdb4.

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

#40bdb4 background color

This paragraph has a background color of #40bdb4.

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

#40bdb4 border color

This element has a border color of #40bdb4.

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

CSS codes

.text {color:#40bdb4;}

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

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

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

#040d0d
```
#040d0d rgb(4,13,13)
```
#091c1a
```
#091c1a rgb(9,28,26)
```
#0e2a28
```
#0e2a28 rgb(14,42,40)
```
#133936
```
#133936 rgb(19,57,54)
```
#184844
```
#184844 rgb(24,72,68)
```
#1d5652
```
#1d5652 rgb(29,86,82)
```
#226560
```
#226560 rgb(34,101,96)
```
#27746e
```
#27746e rgb(39,116,110)
```
#2c827c
```
#2c827c rgb(44,130,124)
```
#31918a
```
#31918a rgb(49,145,138)
```
#36a098
```
#36a098 rgb(54,160,152)
```
#3baea6
```
#3baea6 rgb(59,174,166)
```
#40bdb4
```
#40bdb4 rgb(64,189,180)
```

Shade Color Variation

#4ec3bb
```
#4ec3bb rgb(78,195,187)
```
#5cc8c0
```
#5cc8c0 rgb(92,200,192)
```
#6bcdc6
```
#6bcdc6 rgb(107,205,198)
```
#7ad2cb
```
#7ad2cb rgb(122,210,203)
```
#88d7d1
```
#88d7d1 rgb(136,215,209)
```
#97dcd7
```
#97dcd7 rgb(151,220,215)
```
#a6e1dc
```
#a6e1dc rgb(166,225,220)
```
#b4e6e2
```
#b4e6e2 rgb(180,230,226)
```
#c3ebe8
```
#c3ebe8 rgb(195,235,232)
```
#d2f0ed
```
#d2f0ed rgb(210,240,237)
```
#e0f5f3
```
#e0f5f3 rgb(224,245,243)
```
#effaf9
```
#effaf9 rgb(239,250,249)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8382 is the less saturated color, while #06f7e6 is the most saturated one.

#7a8382
```
#7a8382 rgb(122,131,130)
```
#718c8a
```
#718c8a rgb(113,140,138)
```
#679693
```
#679693 rgb(103,150,147)
```
#5da09b
```
#5da09b rgb(93,160,155)
```
#53aaa3
```
#53aaa3 rgb(83,170,163)
```
#4ab3ac
```
#4ab3ac rgb(74,179,172)
```
#40bdb4
```
#40bdb4 rgb(64,189,180)
```
#36c7bc
```
#36c7bc rgb(54,199,188)
```
#2dd0c5
```
#2dd0c5 rgb(45,208,197)
```
#23dacd
```
#23dacd rgb(35,218,205)
```
#19e4d5
```
#19e4d5 rgb(25,228,213)
```
#0feede
```
#0feede rgb(15,238,222)
```
#06f7e6
```
#06f7e6 rgb(6,247,230)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#869f9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2aeae Protanopia 1% of men
#b7abbf Deuteranopia 1% of men
#55bdcb Tritanopia 0.001% of the population

Trichromacy

#88b3b0 Protanomaly 1% of men, 0.01% of women
#8cb1bb Deuteranomaly 6% of men, 0.4% of women
#4dbdc2 Tritanomaly 0.01% of the population

#40bdb4 hex color

#40bdb4 Color Information

#40bdb4 Color Conversion

Color Schemes with #40bdb4

Alternatives to #40bdb4

#40bdb4 Preview

Shades and Tints of #40bdb4

Tones of #40bdb4

Color Blindness Simulator