#40d2bc hex color

In a RGB color space, hex #40d2bc is composed of 25.1% red, 82.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 0% magenta, 10.5% yellow and 17.6% black. It has a hue angle of 171 degrees, a saturation of 61.9% and a lightness of 53.7%. #40d2bc color hex could be obtained by blending #80ffff with #00a579. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 25
- G 82
- B 74
RGB color chart
- C 70
- M 0
- Y 10
- K 18
CMYK color chart

● #40d2bc color description : Moderate cyan.

The hexadecimal color #40d2bc has RGB values of R:64, G:210, B:188 and CMYK values of C:0.7, M:0, Y:0.1, K:0.18. Its decimal value is 4248252.

Hex triplet	40d2bc	`#40d2bc`
RGB Decimal	64, 210, 188	`rgb(64,210,188)`
RGB Percent	25.1, 82.4, 73.7	`rgb(25.1%,82.4%,73.7%)`
CMYK	70, 0, 10, 18
HSL	171°, 61.9, 53.7	`hsl(171,61.9%,53.7%)`
HSV (or HSB)	171°, 69.5, 82.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	76.564, -43.232, -0.243
XYZ	34.235, 50.811, 55.577
xyY	0.243, 0.361, 50.811
CIE-LCH	76.564, 43.233, 180.322
CIE-LUV	76.564, -55.398, 6.437
Hunter-Lab	71.282, -39.014, 3.67
Binary	01000000, 11010010, 10111100

#40d2bc
```
#40d2bc rgb(64,210,188)
```
#d24056
```
#d24056 rgb(210,64,86)
```

Complementary Color

#40d273
```
#40d273 rgb(64,210,115)
```
#40d2bc
```
#40d2bc rgb(64,210,188)
```
#409fd2
```
#409fd2 rgb(64,159,210)
```

Analogous Color

#d27340
```
#d27340 rgb(210,115,64)
```
#40d2bc
```
#40d2bc rgb(64,210,188)
```
#d2409f
```
#d2409f rgb(210,64,159)
```

Split Complementary Color

#d2bc40
```
#d2bc40 rgb(210,188,64)
```
#40d2bc
```
#40d2bc rgb(64,210,188)
```
#bc40d2
```
#bc40d2 rgb(188,64,210)
```

Triadic Color

#56d240
```
#56d240 rgb(86,210,64)
```
#40d2bc
```
#40d2bc rgb(64,210,188)
```
#bc40d2
```
#bc40d2 rgb(188,64,210)
```
#d24056
```
#d24056 rgb(210,64,86)
```

Tetradic Color

#26a08d
```
#26a08d rgb(38,160,141)
```
#2bb4a0
```
#2bb4a0 rgb(43,180,160)
```
#2fc9b2
```
#2fc9b2 rgb(47,201,178)
```
#40d2bc
```
#40d2bc rgb(64,210,188)
```
#55d7c3
```
#55d7c3 rgb(85,215,195)
```
#69dcca
```
#69dcca rgb(105,220,202)
```
#7ee1d2
```
#7ee1d2 rgb(126,225,210)
```

Monochromatic Color

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

#40d298
```
#40d298 rgb(64,210,152)
```
#40d2a4
```
#40d2a4 rgb(64,210,164)
```
#40d2b0
```
#40d2b0 rgb(64,210,176)
```
#40d2bc
```
#40d2bc rgb(64,210,188)
```
#40d2c8
```
#40d2c8 rgb(64,210,200)
```
#40d0d2
```
#40d0d2 rgb(64,208,210)
```
#40c4d2
```
#40c4d2 rgb(64,196,210)
```

Similar Colors

Text with hexadecimal color #40d2bc

This text has a font color of #40d2bc.

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

#40d2bc background color

This paragraph has a background color of #40d2bc.

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

#40d2bc border color

This element has a border color of #40d2bc.

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

CSS codes

.text {color:#40d2bc;}

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

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

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

#040f0e
```
#040f0e rgb(4,15,14)
```
#071f1c
```
#071f1c rgb(7,31,28)
```
#0b2f2a
```
#0b2f2a rgb(11,47,42)
```
#0f3f38
```
#0f3f38 rgb(15,63,56)
```
#134f46
```
#134f46 rgb(19,79,70)
```
#165f54
```
#165f54 rgb(22,95,84)
```
#1a6f62
```
#1a6f62 rgb(26,111,98)
```
#1e7f70
```
#1e7f70 rgb(30,127,112)
```
#228e7e
```
#228e7e rgb(34,142,126)
```
#259e8c
```
#259e8c rgb(37,158,140)
```
#29ae9a
```
#29ae9a rgb(41,174,154)
```
#2dbea8
```
#2dbea8 rgb(45,190,168)
```
#31ceb6
```
#31ceb6 rgb(49,206,182)
```

Shade Color Variation

#40d2bc
```
#40d2bc rgb(64,210,188)
```
#50d6c2
```
#50d6c2 rgb(80,214,194)
```
#60d9c7
```
#60d9c7 rgb(96,217,199)
```
#70ddcd
```
#70ddcd rgb(112,221,205)
```
#80e1d2
```
#80e1d2 rgb(128,225,210)
```
#8fe5d8
```
#8fe5d8 rgb(143,229,216)
```
#9fe8dd
```
#9fe8dd rgb(159,232,221)
```
#afece3
```
#afece3 rgb(175,236,227)
```
#bff0e9
```
#bff0e9 rgb(191,240,233)
```
#cff4ee
```
#cff4ee rgb(207,244,238)
```
#dff7f4
```
#dff7f4 rgb(223,247,244)
```
#effbf9
```
#effbf9 rgb(239,251,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898989 is the less saturated color, while #1cf6d5 is the most saturated one.

#898989
```
#898989 rgb(137,137,137)
```
#809290
```
#809290 rgb(128,146,144)
```
#769c96
```
#769c96 rgb(118,156,150)
```
#6da59c
```
#6da59c rgb(109,165,156)
```
#64aea3
```
#64aea3 rgb(100,174,163)
```
#5bb7a9
```
#5bb7a9 rgb(91,183,169)
```
#52c0af
```
#52c0af rgb(82,192,175)
```
#49c9b6
```
#49c9b6 rgb(73,201,182)
```
#40d2bc
```
#40d2bc rgb(64,210,188)
```
#37dbc2
```
#37dbc2 rgb(55,219,194)
```
#2ee4c9
```
#2ee4c9 rgb(46,228,201)
```
#25edcf
```
#25edcf rgb(37,237,207)
```
#1cf6d5
```
#1cf6d5 rgb(28,246,213)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#90ada9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6bfb4 Protanopia 1% of men
#cebbc8 Deuteranopia 1% of men
#5dcfde Tritanopia 0.001% of the population

Trichromacy

#95c6b7 Protanomaly 1% of men, 0.01% of women
#9ac3c3 Deuteranomaly 6% of men, 0.4% of women
#52d0d2 Tritanomaly 0.01% of the population

#40d2bc hex color

#40d2bc Color Information

#40d2bc Color Conversion

Color Schemes with #40d2bc

Alternatives to #40d2bc

#40d2bc Preview

Shades and Tints of #40d2bc

Tones of #40d2bc

Color Blindness Simulator