#40afbc hex color

In a RGB color space, hex #40afbc is composed of 25.1% red, 68.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 6.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 186.3 degrees, a saturation of 49.2% and a lightness of 49.4%. #40afbc color hex could be obtained by blending #80ffff with #005f79. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 69
- B 74
RGB color chart
- C 66
- M 7
- Y 0
- K 26
CMYK color chart

● #40afbc color description : Moderate cyan.

The hexadecimal color #40afbc has RGB values of R:64, G:175, B:188 and CMYK values of C:0.66, M:0.07, Y:0, K:0.26. Its decimal value is 4239292.

Hex triplet	40afbc	`#40afbc`
RGB Decimal	64, 175, 188	`rgb(64,175,188)`
RGB Percent	25.1, 68.6, 73.7	`rgb(25.1%,68.6%,73.7%)`
CMYK	66, 7, 0, 26
HSL	186.3°, 49.2, 49.4	`hsl(186.3,49.2%,49.4%)`
HSV (or HSB)	186.3°, 66, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.042, -26.911, -15.88
XYZ	26.519, 35.379, 53.005
xyY	0.231, 0.308, 35.379
CIE-LCH	66.042, 31.247, 210.544
CIE-LUV	66.042, -42.699, -20.405
Hunter-Lab	59.48, -24.506, -11.2
Binary	01000000, 10101111, 10111100

#40afbc
```
#40afbc rgb(64,175,188)
```
#bc4d40
```
#bc4d40 rgb(188,77,64)
```

Complementary Color

#40bc8b
```
#40bc8b rgb(64,188,139)
```
#40afbc
```
#40afbc rgb(64,175,188)
```
#4071bc
```
#4071bc rgb(64,113,188)
```

Analogous Color

#bc8b40
```
#bc8b40 rgb(188,139,64)
```
#40afbc
```
#40afbc rgb(64,175,188)
```
#bc4071
```
#bc4071 rgb(188,64,113)
```

Split Complementary Color

#afbc40
```
#afbc40 rgb(175,188,64)
```
#40afbc
```
#40afbc rgb(64,175,188)
```
#bc40af
```
#bc40af rgb(188,64,175)
```

Triadic Color

#40bc4d
```
#40bc4d rgb(64,188,77)
```
#40afbc
```
#40afbc rgb(64,175,188)
```
#bc40af
```
#bc40af rgb(188,64,175)
```
#bc4d40
```
#bc4d40 rgb(188,77,64)
```

Tetradic Color

#2d7a83
```
#2d7a83 rgb(45,122,131)
```
#338c96
```
#338c96 rgb(51,140,150)
```
#3a9da9
```
#3a9da9 rgb(58,157,169)
```
#40afbc
```
#40afbc rgb(64,175,188)
```
#52b8c4
```
#52b8c4 rgb(82,184,196)
```
#65c0ca
```
#65c0ca rgb(101,192,202)
```
#78c8d1
```
#78c8d1 rgb(120,200,209)
```

Monochromatic Color

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

#40bcaa
```
#40bcaa rgb(64,188,170)
```
#40bcb4
```
#40bcb4 rgb(64,188,180)
```
#40b9bc
```
#40b9bc rgb(64,185,188)
```
#40afbc
```
#40afbc rgb(64,175,188)
```
#40a5bc
```
#40a5bc rgb(64,165,188)
```
#409abc
```
#409abc rgb(64,154,188)
```
#4090bc
```
#4090bc rgb(64,144,188)
```

Similar Colors

Text with hexadecimal color #40afbc

This text has a font color of #40afbc.

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

#40afbc background color

This paragraph has a background color of #40afbc.

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

#40afbc border color

This element has a border color of #40afbc.

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

CSS codes

.text {color:#40afbc;}

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

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

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

#040c0c
```
#040c0c rgb(4,12,12)
```
#09191b
```
#09191b rgb(9,25,27)
```
#0e272a
```
#0e272a rgb(14,39,42)
```
#133438
```
#133438 rgb(19,52,56)
```
#184247
```
#184247 rgb(24,66,71)
```
#1d5056
```
#1d5056 rgb(29,80,86)
```
#225d64
```
#225d64 rgb(34,93,100)
```
#276b73
```
#276b73 rgb(39,107,115)
```
#2c7981
```
#2c7981 rgb(44,121,129)
```
#318690
```
#318690 rgb(49,134,144)
```
#36949f
```
#36949f rgb(54,148,159)
```
#3ba1ad
```
#3ba1ad rgb(59,161,173)
```
#40afbc
```
#40afbc rgb(64,175,188)
```

Shade Color Variation

#4db6c2
```
#4db6c2 rgb(77,182,194)
```
#5cbcc7
```
#5cbcc7 rgb(92,188,199)
```
#6ac2cc
```
#6ac2cc rgb(106,194,204)
```
#79c8d1
```
#79c8d1 rgb(121,200,209)
```
#88ced6
```
#88ced6 rgb(136,206,214)
```
#96d4db
```
#96d4db rgb(150,212,219)
```
#a5dae0
```
#a5dae0 rgb(165,218,224)
```
#b4e0e5
```
#b4e0e5 rgb(180,224,229)
```
#c2e6ea
```
#c2e6ea rgb(194,230,234)
```
#d1ecef
```
#d1ecef rgb(209,236,239)
```
#dff2f4
```
#dff2f4 rgb(223,242,244)
```
#eef8f9
```
#eef8f9 rgb(238,248,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#7a8182
```
#7a8182 rgb(122,129,130)
```
#70898c
```
#70898c rgb(112,137,140)
```
#679095
```
#679095 rgb(103,144,149)
```
#5d989f
```
#5d989f rgb(93,152,159)
```
#53a0a9
```
#53a0a9 rgb(83,160,169)
```
#4aa7b2
```
#4aa7b2 rgb(74,167,178)
```
#40afbc
```
#40afbc rgb(64,175,188)
```
#36b7c6
```
#36b7c6 rgb(54,183,198)
```
#2dbecf
```
#2dbecf rgb(45,190,207)
```
#23c6d9
```
#23c6d9 rgb(35,198,217)
```
#19cee3
```
#19cee3 rgb(25,206,227)
```
#10d5ec
```
#10d5ec rgb(16,213,236)
```
#06ddf6
```
#06ddf6 rgb(6,221,246)
```

Tone Color Variation

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

Dichromacy

#a2a4b6 Protanopia 1% of men
#a3a2c5 Deuteranopia 1% of men
#4ab3c0 Tritanopia 0.001% of the population

Trichromacy

#7ea8b8 Protanomaly 1% of men, 0.01% of women
#7fa6c2 Deuteranomaly 6% of men, 0.4% of women
#46b1be Tritanomaly 0.01% of the population

#40afbc hex color

#40afbc Color Information

#40afbc Color Conversion

Color Schemes with #40afbc

Alternatives to #40afbc

#40afbc Preview

Shades and Tints of #40afbc

Tones of #40afbc

Color Blindness Simulator