#40af9b hex color

In a RGB color space, hex #40af9b is composed of 25.1% red, 68.6% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 0% magenta, 11.4% yellow and 31.4% black. It has a hue angle of 169.2 degrees, a saturation of 46.4% and a lightness of 46.9%. #40af9b color hex could be obtained by blending #80ffff with #005f37. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 25
- G 69
- B 61
RGB color chart
- C 63
- M 0
- Y 11
- K 31
CMYK color chart

● #40af9b color description : Dark moderate cyan.

The hexadecimal color #40af9b has RGB values of R:64, G:175, B:155 and CMYK values of C:0.63, M:0, Y:0.11, K:0.31. Its decimal value is 4239259.

Hex triplet	40af9b	`#40af9b`
RGB Decimal	64, 175, 155	`rgb(64,175,155)`
RGB Percent	25.1, 68.6, 60.8	`rgb(25.1%,68.6%,60.8%)`
CMYK	63, 0, 11, 31
HSL	169.2°, 46.4, 46.9	`hsl(169.2,46.4%,46.9%)`
HSV (or HSB)	169.2°, 63.4, 68.6
Web Safe	339999	`#339999`

CIE-LAB	65.053, -36.178, 0.988
XYZ	23.359, 34.115, 36.362
xyY	0.249, 0.364, 34.115
CIE-LCH	65.053, 36.192, 178.435
CIE-LUV	65.053, -44.645, 7.018
Hunter-Lab	58.408, -30.826, 3.974
Binary	01000000, 10101111, 10011011

#40af9b
```
#40af9b rgb(64,175,155)
```
#af4054
```
#af4054 rgb(175,64,84)
```

Complementary Color

#40af64
```
#40af64 rgb(64,175,100)
```
#40af9b
```
#40af9b rgb(64,175,155)
```
#408caf
```
#408caf rgb(64,140,175)
```

Analogous Color

#af6440
```
#af6440 rgb(175,100,64)
```
#40af9b
```
#40af9b rgb(64,175,155)
```
#af408c
```
#af408c rgb(175,64,140)
```

Split Complementary Color

#af9b40
```
#af9b40 rgb(175,155,64)
```
#40af9b
```
#40af9b rgb(64,175,155)
```
#9b40af
```
#9b40af rgb(155,64,175)
```

Triadic Color

#54af40
```
#54af40 rgb(84,175,64)
```
#40af9b
```
#40af9b rgb(64,175,155)
```
#9b40af
```
#9b40af rgb(155,64,175)
```
#af4054
```
#af4054 rgb(175,64,84)
```

Tetradic Color

#2c7769
```
#2c7769 rgb(44,119,105)
```
#328a7a
```
#328a7a rgb(50,138,122)
```
#399c8a
```
#399c8a rgb(57,156,138)
```
#40af9b
```
#40af9b rgb(64,175,155)
```
#4bbda9
```
#4bbda9 rgb(75,189,169)
```
#5ec4b2
```
#5ec4b2 rgb(94,196,178)
```
#71cbbb
```
#71cbbb rgb(113,203,187)
```

Monochromatic Color

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

#40af7f
```
#40af7f rgb(64,175,127)
```
#40af89
```
#40af89 rgb(64,175,137)
```
#40af92
```
#40af92 rgb(64,175,146)
```
#40af9b
```
#40af9b rgb(64,175,155)
```
#40afa4
```
#40afa4 rgb(64,175,164)
```
#40afae
```
#40afae rgb(64,175,174)
```
#40a7af
```
#40a7af rgb(64,167,175)
```

Similar Colors

Text with hexadecimal color #40af9b

This text has a font color of #40af9b.

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

#40af9b background color

This paragraph has a background color of #40af9b.

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

#40af9b border color

This element has a border color of #40af9b.

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

CSS codes

.text {color:#40af9b;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#06110f
```
#06110f rgb(6,17,15)
```
#0b1f1c
```
#0b1f1c rgb(11,31,28)
```
#112e29
```
#112e29 rgb(17,46,41)
```
#163c35
```
#163c35 rgb(22,60,53)
```
#1b4a42
```
#1b4a42 rgb(27,74,66)
```
#20594f
```
#20594f rgb(32,89,79)
```
#26675b
```
#26675b rgb(38,103,91)
```
#2b7668
```
#2b7668 rgb(43,118,104)
```
#308475
```
#308475 rgb(48,132,117)
```
#359282
```
#359282 rgb(53,146,130)
```
#3ba18e
```
#3ba18e rgb(59,161,142)
```
#40af9b
```
#40af9b rgb(64,175,155)
```

Shade Color Variation

#47bca7
```
#47bca7 rgb(71,188,167)
```
#55c1ae
```
#55c1ae rgb(85,193,174)
```
#64c6b4
```
#64c6b4 rgb(100,198,180)
```
#72cbbb
```
#72cbbb rgb(114,203,187)
```
#80d1c2
```
#80d1c2 rgb(128,209,194)
```
#8fd6c9
```
#8fd6c9 rgb(143,214,201)
```
#9ddbd0
```
#9ddbd0 rgb(157,219,208)
```
#abe0d7
```
#abe0d7 rgb(171,224,215)
```
#bae6de
```
#bae6de rgb(186,230,222)
```
#c8ebe5
```
#c8ebe5 rgb(200,235,229)
```
#d7f0ec
```
#d7f0ec rgb(215,240,236)
```
#e5f5f2
```
#e5f5f2 rgb(229,245,242)
```
#f3fbf9
```
#f3fbf9 rgb(243,251,249)
```

Tint Color Variation

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

#777878
```
#777878 rgb(119,120,120)
```
#6e817e
```
#6e817e rgb(110,129,126)
```
#658a83
```
#658a83 rgb(101,138,131)
```
#5c9389
```
#5c9389 rgb(92,147,137)
```
#529d8f
```
#529d8f rgb(82,157,143)
```
#49a695
```
#49a695 rgb(73,166,149)
```
#40af9b
```
#40af9b rgb(64,175,155)
```
#37b8a1
```
#37b8a1 rgb(55,184,161)
```
#2ec1a7
```
#2ec1a7 rgb(46,193,167)
```
#24cbad
```
#24cbad rgb(36,203,173)
```
#1bd4b3
```
#1bd4b3 rgb(27,212,179)
```
#12ddb8
```
#12ddb8 rgb(18,221,184)
```
#09e6be
```
#09e6be rgb(9,230,190)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7d938f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a297 Protanopia 1% of men
#af9ea7 Deuteranopia 1% of men
#58afbb Tritanopia 0.001% of the population

Trichromacy

#82a698 Protanomaly 1% of men, 0.01% of women
#87a4a3 Deuteranomaly 6% of men, 0.4% of women
#4fafaf Tritanomaly 0.01% of the population

#40af9b hex color

#40af9b Color Information

#40af9b Color Conversion

Color Schemes with #40af9b

Alternatives to #40af9b

#40af9b Preview

Shades and Tints of #40af9b

Tones of #40af9b

Color Blindness Simulator