#40b894 hex color

In a RGB color space, hex #40b894 is composed of 25.1% red, 72.2% green and 58% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 0% magenta, 19.6% yellow and 27.8% black. It has a hue angle of 162 degrees, a saturation of 48.4% and a lightness of 48.6%. #40b894 color hex could be obtained by blending #80ffff with #007129. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 25
- G 72
- B 58
RGB color chart
- C 65
- M 0
- Y 20
- K 28
CMYK color chart

● #40b894 color description : Moderate cyan - lime green.

The hexadecimal color #40b894 has RGB values of R:64, G:184, B:148 and CMYK values of C:0.65, M:0, Y:0.2, K:0.28. Its decimal value is 4241556.

Hex triplet	40b894	`#40b894`
RGB Decimal	64, 184, 148	`rgb(64,184,148)`
RGB Percent	25.1, 72.2, 58	`rgb(25.1%,72.2%,58%)`
CMYK	65, 0, 20, 28
HSL	162°, 48.4, 48.6	`hsl(162,48.4%,48.6%)`
HSV (or HSB)	162°, 65.2, 72.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.656, -41.951, 8.603
XYZ	24.598, 37.507, 33.959
xyY	0.256, 0.39, 37.507
CIE-LCH	67.656, 42.824, 168.411
CIE-LUV	67.656, -48.418, 18.944
Hunter-Lab	61.243, -35.481, 9.994
Binary	01000000, 10111000, 10010100

#40b894
```
#40b894 rgb(64,184,148)
```
#b84064
```
#b84064 rgb(184,64,100)
```

Complementary Color

#40b858
```
#40b858 rgb(64,184,88)
```
#40b894
```
#40b894 rgb(64,184,148)
```
#40a0b8
```
#40a0b8 rgb(64,160,184)
```

Analogous Color

#b85840
```
#b85840 rgb(184,88,64)
```
#40b894
```
#40b894 rgb(64,184,148)
```
#b840a0
```
#b840a0 rgb(184,64,160)
```

Split Complementary Color

#b89440
```
#b89440 rgb(184,148,64)
```
#40b894
```
#40b894 rgb(64,184,148)
```
#9440b8
```
#9440b8 rgb(148,64,184)
```

Triadic Color

#64b840
```
#64b840 rgb(100,184,64)
```
#40b894
```
#40b894 rgb(64,184,148)
```
#9440b8
```
#9440b8 rgb(148,64,184)
```
#b84064
```
#b84064 rgb(184,64,100)
```

Tetradic Color

#2c7f66
```
#2c7f66 rgb(44,127,102)
```
#339276
```
#339276 rgb(51,146,118)
```
#39a585
```
#39a585 rgb(57,165,133)
```
#40b894
```
#40b894 rgb(64,184,148)
```
#50c2a0
```
#50c2a0 rgb(80,194,160)
```
#62c9aa
```
#62c9aa rgb(98,201,170)
```
#75cfb4
```
#75cfb4 rgb(117,207,180)
```

Monochromatic Color

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

#40b876
```
#40b876 rgb(64,184,118)
```
#40b880
```
#40b880 rgb(64,184,128)
```
#40b88a
```
#40b88a rgb(64,184,138)
```
#40b894
```
#40b894 rgb(64,184,148)
```
#40b89e
```
#40b89e rgb(64,184,158)
```
#40b8a8
```
#40b8a8 rgb(64,184,168)
```
#40b8b2
```
#40b8b2 rgb(64,184,178)
```

Similar Colors

Text with hexadecimal color #40b894

This text has a font color of #40b894.

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

#40b894 background color

This paragraph has a background color of #40b894.

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

#40b894 border color

This element has a border color of #40b894.

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

CSS codes

.text {color:#40b894;}

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

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

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

#030908
```
#030908 rgb(3,9,8)
```
#081813
```
#081813 rgb(8,24,19)
```
#0d261f
```
#0d261f rgb(13,38,31)
```
#12352b
```
#12352b rgb(18,53,43)
```
#184436
```
#184436 rgb(24,68,54)
```
#1d5242
```
#1d5242 rgb(29,82,66)
```
#22614e
```
#22614e rgb(34,97,78)
```
#276f59
```
#276f59 rgb(39,111,89)
```
#2c7e65
```
#2c7e65 rgb(44,126,101)
```
#318c71
```
#318c71 rgb(49,140,113)
```
#369b7d
```
#369b7d rgb(54,155,125)
```
#3ba988
```
#3ba988 rgb(59,169,136)
```
#40b894
```
#40b894 rgb(64,184,148)
```

Shade Color Variation

#4bc09d
```
#4bc09d rgb(75,192,157)
```
#5ac6a5
```
#5ac6a5 rgb(90,198,165)
```
#68cbad
```
#68cbad rgb(104,203,173)
```
#77d0b5
```
#77d0b5 rgb(119,208,181)
```
#85d5bd
```
#85d5bd rgb(133,213,189)
```
#94dac5
```
#94dac5 rgb(148,218,197)
```
#a2dfcd
```
#a2dfcd rgb(162,223,205)
```
#b1e4d5
```
#b1e4d5 rgb(177,228,213)
```
#c0e9dd
```
#c0e9dd rgb(192,233,221)
```
#ceeee4
```
#ceeee4 rgb(206,238,228)
```
#ddf3ec
```
#ddf3ec rgb(221,243,236)
```
#ebf8f4
```
#ebf8f4 rgb(235,248,244)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#797f7d
```
#797f7d rgb(121,127,125)
```
#708881
```
#708881 rgb(112,136,129)
```
#669285
```
#669285 rgb(102,146,133)
```
#5d9b89
```
#5d9b89 rgb(93,155,137)
```
#53a58c
```
#53a58c rgb(83,165,140)
```
#4aae90
```
#4aae90 rgb(74,174,144)
```
#40b894
```
#40b894 rgb(64,184,148)
```
#36c298
```
#36c298 rgb(54,194,152)
```
#2dcb9c
```
#2dcb9c rgb(45,203,156)
```
#23d59f
```
#23d59f rgb(35,213,159)
```
#1adea3
```
#1adea3 rgb(26,222,163)
```
#10e8a7
```
#10e8a7 rgb(16,232,167)
```
#07f1ab
```
#07f1ab rgb(7,241,171)
```

Tone Color Variation

Below, you can see how #40b894 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
#809891 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a990 Protanopia 1% of men
#bca4a1 Deuteranopia 1% of men
#5eb5c3 Tritanopia 0.001% of the population

Trichromacy

#88ae91 Protanomaly 1% of men, 0.01% of women
#8eab9c Deuteranomaly 6% of men, 0.4% of women
#53b6b1 Tritanomaly 0.01% of the population

#40b894 hex color

#40b894 Color Information

#40b894 Color Conversion

Color Schemes with #40b894

Alternatives to #40b894

#40b894 Preview

Shades and Tints of #40b894

Tones of #40b894

Color Blindness Simulator