#40caaf hex color

In a RGB color space, hex #40caaf is composed of 25.1% red, 79.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 0% magenta, 13.4% yellow and 20.8% black. It has a hue angle of 168.3 degrees, a saturation of 56.6% and a lightness of 52.2%. #40caaf color hex could be obtained by blending #80ffff with #00955f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 25
- G 79
- B 69
RGB color chart
- C 68
- M 0
- Y 13
- K 21
CMYK color chart

● #40caaf color description : Moderate cyan.

The hexadecimal color #40caaf has RGB values of R:64, G:202, B:175 and CMYK values of C:0.68, M:0, Y:0.13, K:0.21. Its decimal value is 4246191.

Hex triplet	40caaf	`#40caaf`
RGB Decimal	64, 202, 175	`rgb(64,202,175)`
RGB Percent	25.1, 79.2, 68.6	`rgb(25.1%,79.2%,68.6%)`
CMYK	68, 0, 13, 21
HSL	168.3°, 56.6, 52.2	`hsl(168.3,56.6%,52.2%)`
HSV (or HSB)	168.3°, 68.3, 79.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.819, -43.09, 2.769
XYZ	30.97, 46.423, 47.884
xyY	0.247, 0.371, 46.423
CIE-LCH	73.819, 43.179, 176.323
CIE-LUV	73.819, -53.364, 10.911
Hunter-Lab	68.135, -38.1, 6.027
Binary	01000000, 11001010, 10101111

#40caaf
```
#40caaf rgb(64,202,175)
```
#ca405b
```
#ca405b rgb(202,64,91)
```

Complementary Color

#40ca6a
```
#40ca6a rgb(64,202,106)
```
#40caaf
```
#40caaf rgb(64,202,175)
```
#40a0ca
```
#40a0ca rgb(64,160,202)
```

Analogous Color

#ca6a40
```
#ca6a40 rgb(202,106,64)
```
#40caaf
```
#40caaf rgb(64,202,175)
```
#ca40a0
```
#ca40a0 rgb(202,64,160)
```

Split Complementary Color

#caaf40
```
#caaf40 rgb(202,175,64)
```
#40caaf
```
#40caaf rgb(64,202,175)
```
#af40ca
```
#af40ca rgb(175,64,202)
```

Triadic Color

#5bca40
```
#5bca40 rgb(91,202,64)
```
#40caaf
```
#40caaf rgb(64,202,175)
```
#af40ca
```
#af40ca rgb(175,64,202)
```
#ca405b
```
#ca405b rgb(202,64,91)
```

Tetradic Color

#29947f
```
#29947f rgb(41,148,127)
```
#2fa891
```
#2fa891 rgb(47,168,145)
```
#34bca2
```
#34bca2 rgb(52,188,162)
```
#40caaf
```
#40caaf rgb(64,202,175)
```
#54d0b7
```
#54d0b7 rgb(84,208,183)
```
#68d5c0
```
#68d5c0 rgb(104,213,192)
```
#7cdbc8
```
#7cdbc8 rgb(124,219,200)
```

Monochromatic Color

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

#40ca8d
```
#40ca8d rgb(64,202,141)
```
#40ca98
```
#40ca98 rgb(64,202,152)
```
#40caa4
```
#40caa4 rgb(64,202,164)
```
#40caaf
```
#40caaf rgb(64,202,175)
```
#40cabb
```
#40cabb rgb(64,202,187)
```
#40cac6
```
#40cac6 rgb(64,202,198)
```
#40c3ca
```
#40c3ca rgb(64,195,202)
```

Similar Colors

Text with hexadecimal color #40caaf

This text has a font color of #40caaf.

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

#40caaf background color

This paragraph has a background color of #40caaf.

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

#40caaf border color

This element has a border color of #40caaf.

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

CSS codes

.text {color:#40caaf;}

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

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

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

#020907
```
#020907 rgb(2,9,7)
```
#071815
```
#071815 rgb(7,24,21)
```
#0b2722
```
#0b2722 rgb(11,39,34)
```
#0f372f
```
#0f372f rgb(15,55,47)
```
#13463c
```
#13463c rgb(19,70,60)
```
#185549
```
#185549 rgb(24,85,73)
```
#1c6556
```
#1c6556 rgb(28,101,86)
```
#207464
```
#207464 rgb(32,116,100)
```
#248371
```
#248371 rgb(36,131,113)
```
#29937e
```
#29937e rgb(41,147,126)
```
#2da28b
```
#2da28b rgb(45,162,139)
```
#31b298
```
#31b298 rgb(49,178,152)
```
#36c1a6
```
#36c1a6 rgb(54,193,166)
```

Shade Color Variation

#40caaf
```
#40caaf rgb(64,202,175)
```
#4fceb5
```
#4fceb5 rgb(79,206,181)
```
#5fd3bc
```
#5fd3bc rgb(95,211,188)
```
#6ed7c2
```
#6ed7c2 rgb(110,215,194)
```
#7ddbc9
```
#7ddbc9 rgb(125,219,201)
```
#8ddfcf
```
#8ddfcf rgb(141,223,207)
```
#9ce4d6
```
#9ce4d6 rgb(156,228,214)
```
#abe8dc
```
#abe8dc rgb(171,232,220)
```
#bbece2
```
#bbece2 rgb(187,236,226)
```
#caf0e9
```
#caf0e9 rgb(202,240,233)
```
#daf5ef
```
#daf5ef rgb(218,245,239)
```
#e9f9f6
```
#e9f9f6 rgb(233,249,246)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#828887
```
#828887 rgb(130,136,135)
```
#78928d
```
#78928d rgb(120,146,141)
```
#6f9b92
```
#6f9b92 rgb(111,155,146)
```
#66a498
```
#66a498 rgb(102,164,152)
```
#5cae9e
```
#5cae9e rgb(92,174,158)
```
#53b7a4
```
#53b7a4 rgb(83,183,164)
```
#49c1a9
```
#49c1a9 rgb(73,193,169)
```
#40caaf
```
#40caaf rgb(64,202,175)
```
#37d3b5
```
#37d3b5 rgb(55,211,181)
```
#2dddba
```
#2dddba rgb(45,221,186)
```
#24e6c0
```
#24e6c0 rgb(36,230,192)
```
#1af0c6
```
#1af0c6 rgb(26,240,198)
```
#11f9cc
```
#11f9cc rgb(17,249,204)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8ba7a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b8a9 Protanopia 1% of men
#c8b3bb Deuteranopia 1% of men
#5ec7d6 Tritanopia 0.001% of the population

Trichromacy

#91beab Protanomaly 1% of men, 0.01% of women
#97bbb7 Deuteranomaly 6% of men, 0.4% of women
#53c8c7 Tritanomaly 0.01% of the population

#40caaf hex color

#40caaf Color Information

#40caaf Color Conversion

Color Schemes with #40caaf

Alternatives to #40caaf

#40caaf Preview

Shades and Tints of #40caaf

Tones of #40caaf

Color Blindness Simulator