#40aec2 hex color

In a RGB color space, hex #40aec2 is composed of 25.1% red, 68.2% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 10.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 189.2 degrees, a saturation of 51.6% and a lightness of 50.6%. #40aec2 color hex could be obtained by blending #80ffff with #005d85. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 68
- B 76
RGB color chart
- C 67
- M 10
- Y 0
- K 24
CMYK color chart

● #40aec2 color description : Moderate cyan.

The hexadecimal color #40aec2 has RGB values of R:64, G:174, B:194 and CMYK values of C:0.67, M:0.1, Y:0, K:0.24. Its decimal value is 4239042.

Hex triplet	40aec2	`#40aec2`
RGB Decimal	64, 174, 194	`rgb(64,174,194)`
RGB Percent	25.1, 68.2, 76.1	`rgb(25.1%,68.2%,76.1%)`
CMYK	67, 10, 0, 24
HSL	189.2°, 51.6, 50.6	`hsl(189.2,51.6%,50.6%)`
HSV (or HSB)	189.2°, 67, 76.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.947, -24.594, -19.352
XYZ	26.985, 35.255, 56.419
xyY	0.227, 0.297, 35.255
CIE-LCH	65.947, 31.295, 218.197
CIE-LUV	65.947, -41.981, -26.344
Hunter-Lab	59.376, -22.782, -14.774
Binary	01000000, 10101110, 11000010

#40aec2
```
#40aec2 rgb(64,174,194)
```
#c25440
```
#c25440 rgb(194,84,64)
```

Complementary Color

#40c295
```
#40c295 rgb(64,194,149)
```
#40aec2
```
#40aec2 rgb(64,174,194)
```
#406dc2
```
#406dc2 rgb(64,109,194)
```

Analogous Color

#c29540
```
#c29540 rgb(194,149,64)
```
#40aec2
```
#40aec2 rgb(64,174,194)
```
#c2406d
```
#c2406d rgb(194,64,109)
```

Split Complementary Color

#aec240
```
#aec240 rgb(174,194,64)
```
#40aec2
```
#40aec2 rgb(64,174,194)
```
#c240ae
```
#c240ae rgb(194,64,174)
```

Triadic Color

#40c254
```
#40c254 rgb(64,194,84)
```
#40aec2
```
#40aec2 rgb(64,174,194)
```
#c240ae
```
#c240ae rgb(194,64,174)
```
#c25440
```
#c25440 rgb(194,84,64)
```

Tetradic Color

#2c7b8a
```
#2c7b8a rgb(44,123,138)
```
#328c9d
```
#328c9d rgb(50,140,157)
```
#389eb0
```
#389eb0 rgb(56,158,176)
```
#40aec2
```
#40aec2 rgb(64,174,194)
```
#53b6c8
```
#53b6c8 rgb(83,182,200)
```
#67bece
```
#67bece rgb(103,190,206)
```
#7ac7d5
```
#7ac7d5 rgb(122,199,213)
```

Monochromatic Color

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

#40c2b6
```
#40c2b6 rgb(64,194,182)
```
#40c2c0
```
#40c2c0 rgb(64,194,192)
```
#40b9c2
```
#40b9c2 rgb(64,185,194)
```
#40aec2
```
#40aec2 rgb(64,174,194)
```
#40a3c2
```
#40a3c2 rgb(64,163,194)
```
#4098c2
```
#4098c2 rgb(64,152,194)
```
#408ec2
```
#408ec2 rgb(64,142,194)
```

Similar Colors

Text with hexadecimal color #40aec2

This text has a font color of #40aec2.

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

#40aec2 background color

This paragraph has a background color of #40aec2.

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

#40aec2 border color

This element has a border color of #40aec2.

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

CSS codes

.text {color:#40aec2;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#050f11
```
#050f11 rgb(5,15,17)
```
#0a1d20
```
#0a1d20 rgb(10,29,32)
```
#0f2a2f
```
#0f2a2f rgb(15,42,47)
```
#14373e
```
#14373e rgb(20,55,62)
```
#18454d
```
#18454d rgb(24,69,77)
```
#1d525b
```
#1d525b rgb(29,82,91)
```
#225f6a
```
#225f6a rgb(34,95,106)
```
#276d79
```
#276d79 rgb(39,109,121)
```
#2b7a88
```
#2b7a88 rgb(43,122,136)
```
#308797
```
#308797 rgb(48,135,151)
```
#3594a6
```
#3594a6 rgb(53,148,166)
```
#3aa2b5
```
#3aa2b5 rgb(58,162,181)
```

Shade Color Variation

#40aec2
```
#40aec2 rgb(64,174,194)
```
#4fb4c7
```
#4fb4c7 rgb(79,180,199)
```
#5ebbcb
```
#5ebbcb rgb(94,187,203)
```
#6dc1d0
```
#6dc1d0 rgb(109,193,208)
```
#7bc7d5
```
#7bc7d5 rgb(123,199,213)
```
#8aceda
```
#8aceda rgb(138,206,218)
```
#99d4de
```
#99d4de rgb(153,212,222)
```
#a8dae3
```
#a8dae3 rgb(168,218,227)
```
#b7e0e8
```
#b7e0e8 rgb(183,224,232)
```
#c6e7ed
```
#c6e7ed rgb(198,231,237)
```
#d5edf1
```
#d5edf1 rgb(213,237,241)
```
#e4f3f6
```
#e4f3f6 rgb(228,243,246)
```
#f2fafb
```
#f2fafb rgb(242,250,251)
```

Tint Color Variation

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

#7a8688
```
#7a8688 rgb(122,134,136)
```
#708c92
```
#708c92 rgb(112,140,146)
```
#67939b
```
#67939b rgb(103,147,155)
```
#5d9aa5
```
#5d9aa5 rgb(93,154,165)
```
#53a1af
```
#53a1af rgb(83,161,175)
```
#4aa7b8
```
#4aa7b8 rgb(74,167,184)
```
#40aec2
```
#40aec2 rgb(64,174,194)
```
#36b5cc
```
#36b5cc rgb(54,181,204)
```
#2dbbd5
```
#2dbbd5 rgb(45,187,213)
```
#23c2df
```
#23c2df rgb(35,194,223)
```
#19c9e9
```
#19c9e9 rgb(25,201,233)
```
#10d0f2
```
#10d0f2 rgb(16,208,242)
```
#06d6fc
```
#06d6fc rgb(6,214,252)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7f9599 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a3bc Protanopia 1% of men
#9fa2cb Deuteranopia 1% of men
#46b3c0 Tritanopia 0.001% of the population

Trichromacy

#7da7be Protanomaly 1% of men, 0.01% of women
#7ca6c7 Deuteranomaly 6% of men, 0.4% of women
#44b1c0 Tritanomaly 0.01% of the population

#40aec2 hex color

#40aec2 Color Information

#40aec2 Color Conversion

Color Schemes with #40aec2

Alternatives to #40aec2

#40aec2 Preview

Shades and Tints of #40aec2

Tones of #40aec2

Color Blindness Simulator