#40a69d hex color

In a RGB color space, hex #40a69d is composed of 25.1% red, 65.1% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 0% magenta, 5.4% yellow and 34.9% black. It has a hue angle of 174.7 degrees, a saturation of 44.3% and a lightness of 45.1%. #40a69d color hex could be obtained by blending #80ffff with #004d3b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 25
- G 65
- B 62
RGB color chart
- C 61
- M 0
- Y 5
- K 35
CMYK color chart

● #40a69d color description : Dark moderate cyan.

The hexadecimal color #40a69d has RGB values of R:64, G:166, B:157 and CMYK values of C:0.61, M:0, Y:0.05, K:0.35. Its decimal value is 4236957.

Hex triplet	40a69d	`#40a69d`
RGB Decimal	64, 166, 157	`rgb(64,166,157)`
RGB Percent	25.1, 65.1, 61.6	`rgb(25.1%,65.1%,61.6%)`
CMYK	61, 0, 5, 35
HSL	174.7°, 44.3, 45.1	`hsl(174.7,44.3%,45.1%)`
HSV (or HSB)	174.7°, 61.4, 65.1
Web Safe	339999	`#339999`

CIE-LAB	62.334, -31.424, -4.115
XYZ	21.834, 30.795, 36.69
xyY	0.244, 0.345, 30.795
CIE-LCH	62.334, 31.692, 187.461
CIE-LUV	62.334, -41.136, -1.306
Hunter-Lab	55.493, -26.88, -0.355
Binary	01000000, 10100110, 10011101

#40a69d
```
#40a69d rgb(64,166,157)
```
#a64049
```
#a64049 rgb(166,64,73)
```

Complementary Color

#40a66a
```
#40a66a rgb(64,166,106)
```
#40a69d
```
#40a69d rgb(64,166,157)
```
#407ca6
```
#407ca6 rgb(64,124,166)
```

Analogous Color

#a66a40
```
#a66a40 rgb(166,106,64)
```
#40a69d
```
#40a69d rgb(64,166,157)
```
#a6407c
```
#a6407c rgb(166,64,124)
```

Split Complementary Color

#a69d40
```
#a69d40 rgb(166,157,64)
```
#40a69d
```
#40a69d rgb(64,166,157)
```
#9d40a6
```
#9d40a6 rgb(157,64,166)
```

Triadic Color

#49a640
```
#49a640 rgb(73,166,64)
```
#40a69d
```
#40a69d rgb(64,166,157)
```
#9d40a6
```
#9d40a6 rgb(157,64,166)
```
#a64049
```
#a64049 rgb(166,64,73)
```

Tetradic Color

#2b6f69
```
#2b6f69 rgb(43,111,105)
```
#32817a
```
#32817a rgb(50,129,122)
```
#39948c
```
#39948c rgb(57,148,140)
```
#40a69d
```
#40a69d rgb(64,166,157)
```
#47b8ae
```
#47b8ae rgb(71,184,174)
```
#5abfb6
```
#5abfb6 rgb(90,191,182)
```
#6cc6be
```
#6cc6be rgb(108,198,190)
```

Monochromatic Color

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

#40a684
```
#40a684 rgb(64,166,132)
```
#40a68c
```
#40a68c rgb(64,166,140)
```
#40a695
```
#40a695 rgb(64,166,149)
```
#40a69d
```
#40a69d rgb(64,166,157)
```
#40a6a6
```
#40a6a6 rgb(64,166,166)
```
#409ea6
```
#409ea6 rgb(64,158,166)
```
#4096a6
```
#4096a6 rgb(64,150,166)
```

Similar Colors

Text with hexadecimal color #40a69d

This text has a font color of #40a69d.

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

#40a69d background color

This paragraph has a background color of #40a69d.

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

#40a69d border color

This element has a border color of #40a69d.

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

CSS codes

.text {color:#40a69d;}

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

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

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, #040a0a is the darkest color, while #fbfefd is the lightest one.

#040a0a
```
#040a0a rgb(4,10,10)
```
#091817
```
#091817 rgb(9,24,23)
```
#0f2724
```
#0f2724 rgb(15,39,36)
```
#143532
```
#143532 rgb(20,53,50)
```
#1a433f
```
#1a433f rgb(26,67,63)
```
#1f514d
```
#1f514d rgb(31,81,77)
```
#255f5a
```
#255f5a rgb(37,95,90)
```
#2a6d67
```
#2a6d67 rgb(42,109,103)
```
#307c75
```
#307c75 rgb(48,124,117)
```
#358a82
```
#358a82 rgb(53,138,130)
```
#3b9890
```
#3b9890 rgb(59,152,144)
```
#40a69d
```
#40a69d rgb(64,166,157)
```
#45b4aa
```
#45b4aa rgb(69,180,170)
```

Shade Color Variation

#51bcb3
```
#51bcb3 rgb(81,188,179)
```
#5fc1b9
```
#5fc1b9 rgb(95,193,185)
```
#6ec7bf
```
#6ec7bf rgb(110,199,191)
```
#7cccc5
```
#7cccc5 rgb(124,204,197)
```
#8ad2cb
```
#8ad2cb rgb(138,210,203)
```
#98d7d2
```
#98d7d2 rgb(152,215,210)
```
#a6ddd8
```
#a6ddd8 rgb(166,221,216)
```
#b4e2de
```
#b4e2de rgb(180,226,222)
```
#c2e8e4
```
#c2e8e4 rgb(194,232,228)
```
#d1edeb
```
#d1edeb rgb(209,237,235)
```
#dff3f1
```
#dff3f1 rgb(223,243,241)
```
#edf8f7
```
#edf8f7 rgb(237,248,247)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#6c7a79
```
#6c7a79 rgb(108,122,121)
```
#638380
```
#638380 rgb(99,131,128)
```
#5b8b87
```
#5b8b87 rgb(91,139,135)
```
#52948e
```
#52948e rgb(82,148,142)
```
#499d96
```
#499d96 rgb(73,157,150)
```
#40a69d
```
#40a69d rgb(64,166,157)
```
#37afa4
```
#37afa4 rgb(55,175,164)
```
#2eb8ac
```
#2eb8ac rgb(46,184,172)
```
#25c1b3
```
#25c1b3 rgb(37,193,179)
```
#1dc9ba
```
#1dc9ba rgb(29,201,186)
```
#14d2c1
```
#14d2c1 rgb(20,210,193)
```
#0bdbc9
```
#0bdbc9 rgb(11,219,201)
```
#02e4d0
```
#02e4d0 rgb(2,228,208)
```

Tone Color Variation

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

Dichromacy

#9f9b99 Protanopia 1% of men
#a498a8 Deuteranopia 1% of men
#53a7b4 Tritanopia 0.001% of the population

Trichromacy

#7c9f9b Protanomaly 1% of men, 0.01% of women
#7f9da4 Deuteranomaly 6% of men, 0.4% of women
#4ca7ab Tritanomaly 0.01% of the population

#40a69d hex color

#40a69d Color Information

#40a69d Color Conversion

Color Schemes with #40a69d

Alternatives to #40a69d

#40a69d Preview

Shades and Tints of #40a69d

Tones of #40a69d

Color Blindness Simulator