#40dfb2 hex color

In a RGB color space, hex #40dfb2 is composed of 25.1% red, 87.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 0% magenta, 20.2% yellow and 12.5% black. It has a hue angle of 163 degrees, a saturation of 71.3% and a lightness of 56.3%. #40dfb2 color hex could be obtained by blending #80ffff with #00bf65. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 25
- G 87
- B 70
RGB color chart
- C 71
- M 0
- Y 20
- K 13
CMYK color chart

● #40dfb2 color description : Bright cyan - lime green.

The hexadecimal color #40dfb2 has RGB values of R:64, G:223, B:178 and CMYK values of C:0.71, M:0, Y:0.2, K:0.13. Its decimal value is 4251570.

Hex triplet	40dfb2	`#40dfb2`
RGB Decimal	64, 223, 178	`rgb(64,223,178)`
RGB Percent	25.1, 87.5, 69.8	`rgb(25.1%,87.5%,69.8%)`
CMYK	71, 0, 20, 13
HSL	163°, 71.3, 56.3	`hsl(163,71.3%,56.3%)`
HSV (or HSB)	163°, 71.3, 87.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	80.222, -51.206, 10.367
XYZ	36.535, 57.076, 51.208
xyY	0.252, 0.394, 57.076
CIE-LCH	80.222, 52.245, 168.554
CIE-LUV	80.222, -60.663, 23.587
Hunter-Lab	75.549, -45.889, 12.696
Binary	01000000, 11011111, 10110010

#40dfb2
```
#40dfb2 rgb(64,223,178)
```
#df406d
```
#df406d rgb(223,64,109)
```

Complementary Color

#40df63
```
#40df63 rgb(64,223,99)
```
#40dfb2
```
#40dfb2 rgb(64,223,178)
```
#40bddf
```
#40bddf rgb(64,189,223)
```

Analogous Color

#df6340
```
#df6340 rgb(223,99,64)
```
#40dfb2
```
#40dfb2 rgb(64,223,178)
```
#df40bd
```
#df40bd rgb(223,64,189)
```

Split Complementary Color

#dfb240
```
#dfb240 rgb(223,178,64)
```
#40dfb2
```
#40dfb2 rgb(64,223,178)
```
#b240df
```
#b240df rgb(178,64,223)
```

Triadic Color

#6ddf40
```
#6ddf40 rgb(109,223,64)
```
#40dfb2
```
#40dfb2 rgb(64,223,178)
```
#b240df
```
#b240df rgb(178,64,223)
```
#df406d
```
#df406d rgb(223,64,109)
```

Tetradic Color

#1eb48a
```
#1eb48a rgb(30,180,138)
```
#22ca9b
```
#22ca9b rgb(34,202,155)
```
#2adba9
```
#2adba9 rgb(42,219,169)
```
#40dfb2
```
#40dfb2 rgb(64,223,178)
```
#56e3bb
```
#56e3bb rgb(86,227,187)
```
#6ce6c4
```
#6ce6c4 rgb(108,230,196)
```
#82eacc
```
#82eacc rgb(130,234,204)
```

Monochromatic Color

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

#40df8a
```
#40df8a rgb(64,223,138)
```
#40df98
```
#40df98 rgb(64,223,152)
```
#40dfa5
```
#40dfa5 rgb(64,223,165)
```
#40dfb2
```
#40dfb2 rgb(64,223,178)
```
#40dfbf
```
#40dfbf rgb(64,223,191)
```
#40dfcd
```
#40dfcd rgb(64,223,205)
```
#40dfda
```
#40dfda rgb(64,223,218)
```

Similar Colors

Text with hexadecimal color #40dfb2

This text has a font color of #40dfb2.

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

#40dfb2 background color

This paragraph has a background color of #40dfb2.

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

#40dfb2 border color

This element has a border color of #40dfb2.

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

CSS codes

.text {color:#40dfb2;}

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

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

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, #020b08 is the darkest color, while #f9fefd is the lightest one.

#020b08
```
#020b08 rgb(2,11,8)
```
#051b15
```
#051b15 rgb(5,27,21)
```
#072c22
```
#072c22 rgb(7,44,34)
```
#0a3d2f
```
#0a3d2f rgb(10,61,47)
```
#0d4e3b
```
#0d4e3b rgb(13,78,59)
```
#105f48
```
#105f48 rgb(16,95,72)
```
#136f55
```
#136f55 rgb(19,111,85)
```
#158062
```
#158062 rgb(21,128,98)
```
#18916f
```
#18916f rgb(24,145,111)
```
#1ba27c
```
#1ba27c rgb(27,162,124)
```
#1eb389
```
#1eb389 rgb(30,179,137)
```
#21c395
```
#21c395 rgb(33,195,149)
```
#24d4a2
```
#24d4a2 rgb(36,212,162)
```

Shade Color Variation

#2fdcab
```
#2fdcab rgb(47,220,171)
```
#40dfb2
```
#40dfb2 rgb(64,223,178)
```
#51e2b9
```
#51e2b9 rgb(81,226,185)
```
#62e5c0
```
#62e5c0 rgb(98,229,192)
```
#72e7c6
```
#72e7c6 rgb(114,231,198)
```
#83eacd
```
#83eacd rgb(131,234,205)
```
#94edd4
```
#94edd4 rgb(148,237,212)
```
#a5f0db
```
#a5f0db rgb(165,240,219)
```
#b6f3e1
```
#b6f3e1 rgb(182,243,225)
```
#c6f6e8
```
#c6f6e8 rgb(198,246,232)
```
#d7f8ef
```
#d7f8ef rgb(215,248,239)
```
#e8fbf6
```
#e8fbf6 rgb(232,251,246)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9291 is the less saturated color, while #26f9bd is the most saturated one.

#8d9291
```
#8d9291 rgb(141,146,145)
```
#859a94
```
#859a94 rgb(133,154,148)
```
#7ca398
```
#7ca398 rgb(124,163,152)
```
#73ac9c
```
#73ac9c rgb(115,172,156)
```
#6bb49f
```
#6bb49f rgb(107,180,159)
```
#62bda3
```
#62bda3 rgb(98,189,163)
```
#5ac5a7
```
#5ac5a7 rgb(90,197,167)
```
#51ceab
```
#51ceab rgb(81,206,171)
```
#49d6ae
```
#49d6ae rgb(73,214,174)
```
#40dfb2
```
#40dfb2 rgb(64,223,178)
```
#37e8b6
```
#37e8b6 rgb(55,232,182)
```
#2ff0b9
```
#2ff0b9 rgb(47,240,185)
```
#26f9bd
```
#26f9bd rgb(38,249,189)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#95b5ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c9ab Protanopia 1% of men
#e0c3c0 Deuteranopia 1% of men
#67d9e9 Tritanopia 0.001% of the population

Trichromacy

#9ed1ad Protanomaly 1% of men, 0.01% of women
#a5cdbb Deuteranomaly 6% of men, 0.4% of women
#59dbd5 Tritanomaly 0.01% of the population

#40dfb2 hex color

#40dfb2 Color Information

#40dfb2 Color Conversion

Color Schemes with #40dfb2

Alternatives to #40dfb2

#40dfb2 Preview

Shades and Tints of #40dfb2

Tones of #40dfb2

Color Blindness Simulator