#40afd7 hex color

In a RGB color space, hex #40afd7 is composed of 25.1% red, 68.6% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 18.6% magenta, 0% yellow and 15.7% black. It has a hue angle of 195.9 degrees, a saturation of 65.4% and a lightness of 54.7%. #40afd7 color hex could be obtained by blending #80ffff with #005faf. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 69
- B 84
RGB color chart
- C 70
- M 19
- Y 0
- K 16
CMYK color chart

● #40afd7 color description : Moderate blue.

The hexadecimal color #40afd7 has RGB values of R:64, G:175, B:215 and CMYK values of C:0.7, M:0.19, Y:0, K:0.16. Its decimal value is 4239319.

Hex triplet	40afd7	`#40afd7`
RGB Decimal	64, 175, 215	`rgb(64,175,215)`
RGB Percent	25.1, 68.6, 84.3	`rgb(25.1%,68.6%,84.3%)`
CMYK	70, 19, 0, 16
HSL	195.9°, 65.4, 54.7	`hsl(195.9,65.4%,54.7%)`
HSV (or HSB)	195.9°, 70.2, 84.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.016, -18.51, -29.314
XYZ	29.707, 36.654, 69.796
xyY	0.218, 0.269, 36.654
CIE-LCH	67.016, 34.669, 237.731
CIE-LUV	67.016, -41.135, -43.717
Hunter-Lab	60.542, -18.363, -25.972
Binary	01000000, 10101111, 11010111

#40afd7
```
#40afd7 rgb(64,175,215)
```
#d76840
```
#d76840 rgb(215,104,64)
```

Complementary Color

#40d7b4
```
#40d7b4 rgb(64,215,180)
```
#40afd7
```
#40afd7 rgb(64,175,215)
```
#4064d7
```
#4064d7 rgb(64,100,215)
```

Analogous Color

#d7b440
```
#d7b440 rgb(215,180,64)
```
#40afd7
```
#40afd7 rgb(64,175,215)
```
#d74064
```
#d74064 rgb(215,64,100)
```

Split Complementary Color

#afd740
```
#afd740 rgb(175,215,64)
```
#40afd7
```
#40afd7 rgb(64,175,215)
```
#d740af
```
#d740af rgb(215,64,175)
```

Triadic Color

#40d768
```
#40d768 rgb(64,215,104)
```
#40afd7
```
#40afd7 rgb(64,175,215)
```
#d740af
```
#d740af rgb(215,64,175)
```
#d76840
```
#d76840 rgb(215,104,64)
```

Tetradic Color

#2384a7
```
#2384a7 rgb(35,132,167)
```
#2795bd
```
#2795bd rgb(39,149,189)
```
#2ca6d2
```
#2ca6d2 rgb(44,166,210)
```
#40afd7
```
#40afd7 rgb(64,175,215)
```
#55b8db
```
#55b8db rgb(85,184,219)
```
#6ac1e0
```
#6ac1e0 rgb(106,193,224)
```
#7fc9e4
```
#7fc9e4 rgb(127,201,228)
```

Monochromatic Color

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

#40d5d7
```
#40d5d7 rgb(64,213,215)
```
#40c8d7
```
#40c8d7 rgb(64,200,215)
```
#40bcd7
```
#40bcd7 rgb(64,188,215)
```
#40afd7
```
#40afd7 rgb(64,175,215)
```
#40a2d7
```
#40a2d7 rgb(64,162,215)
```
#4096d7
```
#4096d7 rgb(64,150,215)
```
#4089d7
```
#4089d7 rgb(64,137,215)
```

Similar Colors

Text with hexadecimal color #40afd7

This text has a font color of #40afd7.

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

#40afd7 background color

This paragraph has a background color of #40afd7.

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

#40afd7 border color

This element has a border color of #40afd7.

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

CSS codes

.text {color:#40afd7;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#041014
```
#041014 rgb(4,16,20)
```
#081d24
```
#081d24 rgb(8,29,36)
```
#0b2934
```
#0b2934 rgb(11,41,52)
```
#0e3645
```
#0e3645 rgb(14,54,69)
```
#124355
```
#124355 rgb(18,67,85)
```
#155065
```
#155065 rgb(21,80,101)
```
#195d75
```
#195d75 rgb(25,93,117)
```
#1c6985
```
#1c6985 rgb(28,105,133)
```
#1f7696
```
#1f7696 rgb(31,118,150)
```
#2383a6
```
#2383a6 rgb(35,131,166)
```
#2690b6
```
#2690b6 rgb(38,144,182)
```
#2a9dc6
```
#2a9dc6 rgb(42,157,198)
```

Shade Color Variation

#30a8d4
```
#30a8d4 rgb(48,168,212)
```
#40afd7
```
#40afd7 rgb(64,175,215)
```
#50b6da
```
#50b6da rgb(80,182,218)
```
#60bdde
```
#60bdde rgb(96,189,222)
```
#71c3e1
```
#71c3e1 rgb(113,195,225)
```
#81cae5
```
#81cae5 rgb(129,202,229)
```
#91d1e8
```
#91d1e8 rgb(145,209,232)
```
#a1d8eb
```
#a1d8eb rgb(161,216,235)
```
#b2dfef
```
#b2dfef rgb(178,223,239)
```
#c2e5f2
```
#c2e5f2 rgb(194,229,242)
```
#d2ecf6
```
#d2ecf6 rgb(210,236,246)
```
#e2f3f9
```
#e2f3f9 rgb(226,243,249)
```
#f2fafc
```
#f2fafc rgb(242,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878e90 is the less saturated color, while #1cc0fb is the most saturated one.

#878e90
```
#878e90 rgb(135,142,144)
```
#7e9299
```
#7e9299 rgb(126,146,153)
```
#7596a2
```
#7596a2 rgb(117,150,162)
```
#6c9aab
```
#6c9aab rgb(108,154,171)
```
#649eb3
```
#649eb3 rgb(100,158,179)
```
#5ba2bc
```
#5ba2bc rgb(91,162,188)
```
#52a7c5
```
#52a7c5 rgb(82,167,197)
```
#49abce
```
#49abce rgb(73,171,206)
```
#40afd7
```
#40afd7 rgb(64,175,215)
```
#37b3e0
```
#37b3e0 rgb(55,179,224)
```
#2eb7e9
```
#2eb7e9 rgb(46,183,233)
```
#25bcf2
```
#25bcf2 rgb(37,188,242)
```
#1cc0fb
```
#1cc0fb rgb(28,192,251)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8298a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca6d0 Protanopia 1% of men
#96a5de Deuteranopia 1% of men
#37b6c4 Tritanopia 0.001% of the population

Trichromacy

#7aa9d2 Protanomaly 1% of men, 0.01% of women
#77a9db Deuteranomaly 6% of men, 0.4% of women
#3ab4cb Tritanomaly 0.01% of the population

#40afd7 hex color

#40afd7 Color Information

#40afd7 Color Conversion

Color Schemes with #40afd7

Alternatives to #40afd7

#40afd7 Preview

Shades and Tints of #40afd7

Tones of #40afd7

Color Blindness Simulator