#40a2aa hex color

In a RGB color space, hex #40a2aa is composed of 25.1% red, 63.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 4.7% magenta, 0% yellow and 33.3% black. It has a hue angle of 184.5 degrees, a saturation of 45.3% and a lightness of 45.9%. #40a2aa color hex could be obtained by blending #80ffff with #004555. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 25
- G 64
- B 67
RGB color chart
- C 62
- M 5
- Y 0
- K 33
CMYK color chart

● #40a2aa color description : Dark moderate cyan.

The hexadecimal color #40a2aa has RGB values of R:64, G:162, B:170 and CMYK values of C:0.62, M:0.05, Y:0, K:0.33. Its decimal value is 4235946.

Hex triplet	40a2aa	`#40a2aa`
RGB Decimal	64, 162, 170	`rgb(64,162,170)`
RGB Percent	25.1, 63.5, 66.7	`rgb(25.1%,63.5%,66.7%)`
CMYK	62, 5, 0, 33
HSL	184.5°, 45.3, 45.9	`hsl(184.5,45.3%,45.9%)`
HSV (or HSB)	184.5°, 62.4, 66.7
Web Safe	339999	`#339999`

CIE-LAB	61.508, -25.757, -12.656
XYZ	22.288, 29.831, 42.611
xyY	0.235, 0.315, 29.831
CIE-LCH	61.508, 28.699, 206.169
CIE-LUV	61.508, -38.902, -15.244
Hunter-Lab	54.618, -22.74, -8.024
Binary	01000000, 10100010, 10101010

#40a2aa
```
#40a2aa rgb(64,162,170)
```
#aa4840
```
#aa4840 rgb(170,72,64)
```

Complementary Color

#40aa7d
```
#40aa7d rgb(64,170,125)
```
#40a2aa
```
#40a2aa rgb(64,162,170)
```
#406daa
```
#406daa rgb(64,109,170)
```

Analogous Color

#aa7d40
```
#aa7d40 rgb(170,125,64)
```
#40a2aa
```
#40a2aa rgb(64,162,170)
```
#aa406d
```
#aa406d rgb(170,64,109)
```

Split Complementary Color

#a2aa40
```
#a2aa40 rgb(162,170,64)
```
#40a2aa
```
#40a2aa rgb(64,162,170)
```
#aa40a2
```
#aa40a2 rgb(170,64,162)
```

Triadic Color

#40aa48
```
#40aa48 rgb(64,170,72)
```
#40a2aa
```
#40a2aa rgb(64,162,170)
```
#aa40a2
```
#aa40a2 rgb(170,64,162)
```
#aa4840
```
#aa4840 rgb(170,72,64)
```

Tetradic Color

#2b6d72
```
#2b6d72 rgb(43,109,114)
```
#327f85
```
#327f85 rgb(50,127,133)
```
#399097
```
#399097 rgb(57,144,151)
```
#40a2aa
```
#40a2aa rgb(64,162,170)
```
#49b2ba
```
#49b2ba rgb(73,178,186)
```
#5cbac1
```
#5cbac1 rgb(92,186,193)
```
#6ec2c8
```
#6ec2c8 rgb(110,194,200)
```

Monochromatic Color

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

#40aa98
```
#40aa98 rgb(64,170,152)
```
#40aaa0
```
#40aaa0 rgb(64,170,160)
```
#40aaa9
```
#40aaa9 rgb(64,170,169)
```
#40a2aa
```
#40a2aa rgb(64,162,170)
```
#4099aa
```
#4099aa rgb(64,153,170)
```
#4090aa
```
#4090aa rgb(64,144,170)
```
#4088aa
```
#4088aa rgb(64,136,170)
```

Similar Colors

Text with hexadecimal color #40a2aa

This text has a font color of #40a2aa.

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

#40a2aa background color

This paragraph has a background color of #40a2aa.

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

#40a2aa border color

This element has a border color of #40a2aa.

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

CSS codes

.text {color:#40a2aa;}

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

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

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, #050d0d is the darkest color, while #feffff is the lightest one.

#050d0d
```
#050d0d rgb(5,13,13)
```
#0a1a1b
```
#0a1a1b rgb(10,26,27)
```
#10282a
```
#10282a rgb(16,40,42)
```
#153538
```
#153538 rgb(21,53,56)
```
#1a4346
```
#1a4346 rgb(26,67,70)
```
#205154
```
#205154 rgb(32,81,84)
```
#255e63
```
#255e63 rgb(37,94,99)
```
#2b6c71
```
#2b6c71 rgb(43,108,113)
```
#30797f
```
#30797f rgb(48,121,127)
```
#35878d
```
#35878d rgb(53,135,141)
```
#3b949c
```
#3b949c rgb(59,148,156)
```
#40a2aa
```
#40a2aa rgb(64,162,170)
```
#45b0b8
```
#45b0b8 rgb(69,176,184)
```

Shade Color Variation

#53b6be
```
#53b6be rgb(83,182,190)
```
#61bcc4
```
#61bcc4 rgb(97,188,196)
```
#6fc2c9
```
#6fc2c9 rgb(111,194,201)
```
#7ec8ce
```
#7ec8ce rgb(126,200,206)
```
#8cced4
```
#8cced4 rgb(140,206,212)
```
#9ad4d9
```
#9ad4d9 rgb(154,212,217)
```
#a8dade
```
#a8dade rgb(168,218,222)
```
#b7e0e4
```
#b7e0e4 rgb(183,224,228)
```
#c5e6e9
```
#c5e6e9 rgb(197,230,233)
```
#d3ecef
```
#d3ecef rgb(211,236,239)
```
#e1f3f4
```
#e1f3f4 rgb(225,243,244)
```
#f0f9f9
```
#f0f9f9 rgb(240,249,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7c7d is the less saturated color, while #01d7e9 is the most saturated one.

#6d7c7d
```
#6d7c7d rgb(109,124,125)
```
#648386
```
#648386 rgb(100,131,134)
```
#5b8b8f
```
#5b8b8f rgb(91,139,143)
```
#529398
```
#529398 rgb(82,147,152)
```
#499aa1
```
#499aa1 rgb(73,154,161)
```
#40a2aa
```
#40a2aa rgb(64,162,170)
```
#37aab3
```
#37aab3 rgb(55,170,179)
```
#2eb1bc
```
#2eb1bc rgb(46,177,188)
```
#25b9c5
```
#25b9c5 rgb(37,185,197)
```
#1cc1ce
```
#1cc1ce rgb(28,193,206)
```
#13c8d7
```
#13c8d7 rgb(19,200,215)
```
#0ad0e0
```
#0ad0e0 rgb(10,208,224)
```
#01d7e9
```
#01d7e9 rgb(1,215,233)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#788c8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9899a6 Protanopia 1% of men
#9a96b4 Deuteranopia 1% of men
#4ca6b2 Tritanopia 0.001% of the population

Trichromacy

#789ca7 Protanomaly 1% of men, 0.01% of women
#799ab0 Deuteranomaly 6% of men, 0.4% of women
#47a4af Tritanomaly 0.01% of the population

#40a2aa hex color

#40a2aa Color Information

#40a2aa Color Conversion

Color Schemes with #40a2aa

Alternatives to #40a2aa

#40a2aa Preview

Shades and Tints of #40a2aa

Tones of #40a2aa

Color Blindness Simulator