#40afbf hex color

In a RGB color space, hex #40afbf is composed of 25.1% red, 68.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 8.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 187.6 degrees, a saturation of 49.8% and a lightness of 50%. #40afbf color hex could be obtained by blending #80ffff with #005f7f. Closest websafe color is: #3399cc.

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

● #40afbf color description : Moderate cyan.

The hexadecimal color #40afbf has RGB values of R:64, G:175, B:191 and CMYK values of C:0.66, M:0.08, Y:0, K:0.25. Its decimal value is 4239295.

Hex triplet	40afbf	`#40afbf`
RGB Decimal	64, 175, 191	`rgb(64,175,191)`
RGB Percent	25.1, 68.6, 74.9	`rgb(25.1%,68.6%,74.9%)`
CMYK	66, 8, 0, 25
HSL	187.6°, 49.8, 50	`hsl(187.6,49.8%,50%)`
HSV (or HSB)	187.6°, 66.5, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.143, -26.009, -17.39
XYZ	26.846, 35.509, 54.727
xyY	0.229, 0.303, 35.509
CIE-LCH	66.143, 31.288, 213.767
CIE-LUV	66.143, -42.522, -22.974
Hunter-Lab	59.59, -23.866, -12.739
Binary	01000000, 10101111, 10111111

#40afbf
```
#40afbf rgb(64,175,191)
```
#bf5040
```
#bf5040 rgb(191,80,64)
```

Complementary Color

#40bf90
```
#40bf90 rgb(64,191,144)
```
#40afbf
```
#40afbf rgb(64,175,191)
```
#4070bf
```
#4070bf rgb(64,112,191)
```

Analogous Color

#bf9040
```
#bf9040 rgb(191,144,64)
```
#40afbf
```
#40afbf rgb(64,175,191)
```
#bf4070
```
#bf4070 rgb(191,64,112)
```

Split Complementary Color

#afbf40
```
#afbf40 rgb(175,191,64)
```
#40afbf
```
#40afbf rgb(64,175,191)
```
#bf40af
```
#bf40af rgb(191,64,175)
```

Triadic Color

#40bf50
```
#40bf50 rgb(64,191,80)
```
#40afbf
```
#40afbf rgb(64,175,191)
```
#bf40af
```
#bf40af rgb(191,64,175)
```
#bf5040
```
#bf5040 rgb(191,80,64)
```

Tetradic Color

#2d7b86
```
#2d7b86 rgb(45,123,134)
```
#338c99
```
#338c99 rgb(51,140,153)
```
#3a9eac
```
#3a9eac rgb(58,158,172)
```
#40afbf
```
#40afbf rgb(64,175,191)
```
#53b7c5
```
#53b7c5 rgb(83,183,197)
```
#66bfcc
```
#66bfcc rgb(102,191,204)
```
#79c7d2
```
#79c7d2 rgb(121,199,210)
```

Monochromatic Color

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

#40bfaf
```
#40bfaf rgb(64,191,175)
```
#40bfba
```
#40bfba rgb(64,191,186)
```
#40babf
```
#40babf rgb(64,186,191)
```
#40afbf
```
#40afbf rgb(64,175,191)
```
#40a4bf
```
#40a4bf rgb(64,164,191)
```
#409abf
```
#409abf rgb(64,154,191)
```
#408fbf
```
#408fbf rgb(64,143,191)
```

Similar Colors

Text with hexadecimal color #40afbf

This text has a font color of #40afbf.

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

#40afbf background color

This paragraph has a background color of #40afbf.

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

#40afbf border color

This element has a border color of #40afbf.

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

CSS codes

.text {color:#40afbf;}

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

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

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

#050d0f
```
#050d0f rgb(5,13,15)
```
#0a1b1d
```
#0a1b1d rgb(10,27,29)
```
#0f282c
```
#0f282c rgb(15,40,44)
```
#14363b
```
#14363b rgb(20,54,59)
```
#194349
```
#194349 rgb(25,67,73)
```
#1e5158
```
#1e5158 rgb(30,81,88)
```
#225e67
```
#225e67 rgb(34,94,103)
```
#276c76
```
#276c76 rgb(39,108,118)
```
#2c7984
```
#2c7984 rgb(44,121,132)
```
#318793
```
#318793 rgb(49,135,147)
```
#3694a2
```
#3694a2 rgb(54,148,162)
```
#3ba2b0
```
#3ba2b0 rgb(59,162,176)
```
#40afbf
```
#40afbf rgb(64,175,191)
```

Shade Color Variation

#4fb5c4
```
#4fb5c4 rgb(79,181,196)
```
#5dbbc9
```
#5dbbc9 rgb(93,187,201)
```
#6cc1ce
```
#6cc1ce rgb(108,193,206)
```
#7bc8d3
```
#7bc8d3 rgb(123,200,211)
```
#89ced8
```
#89ced8 rgb(137,206,216)
```
#98d4dd
```
#98d4dd rgb(152,212,221)
```
#a7dae1
```
#a7dae1 rgb(167,218,225)
```
#b6e0e6
```
#b6e0e6 rgb(182,224,230)
```
#c4e6eb
```
#c4e6eb rgb(196,230,235)
```
#d3edf0
```
#d3edf0 rgb(211,237,240)
```
#e2f3f5
```
#e2f3f5 rgb(226,243,245)
```
#f0f9fa
```
#f0f9fa rgb(240,249,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b8384
```
#7b8384 rgb(123,131,132)
```
#718a8e
```
#718a8e rgb(113,138,142)
```
#679298
```
#679298 rgb(103,146,152)
```
#5d99a2
```
#5d99a2 rgb(93,153,162)
```
#54a0ab
```
#54a0ab rgb(84,160,171)
```
#4aa8b5
```
#4aa8b5 rgb(74,168,181)
```
#40afbf
```
#40afbf rgb(64,175,191)
```
#36b6c9
```
#36b6c9 rgb(54,182,201)
```
#2cbed3
```
#2cbed3 rgb(44,190,211)
```
#23c5dc
```
#23c5dc rgb(35,197,220)
```
#19cce6
```
#19cce6 rgb(25,204,230)
```
#0fd4f0
```
#0fd4f0 rgb(15,212,240)
```
#05dbfa
```
#05dbfa rgb(5,219,250)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#809699 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a4b9 Protanopia 1% of men
#a2a2c8 Deuteranopia 1% of men
#48b3c0 Tritanopia 0.001% of the population

Trichromacy

#7ea8bb Protanomaly 1% of men, 0.01% of women
#7ea7c5 Deuteranomaly 6% of men, 0.4% of women
#45b1c0 Tritanomaly 0.01% of the population

#40afbf hex color

#40afbf Color Information

#40afbf Color Conversion

Color Schemes with #40afbf

Alternatives to #40afbf

#40afbf Preview

Shades and Tints of #40afbf

Tones of #40afbf

Color Blindness Simulator