#40afe6 hex color

In a RGB color space, hex #40afe6 is composed of 25.1% red, 68.6% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 23.9% magenta, 0% yellow and 9.8% black. It has a hue angle of 199.9 degrees, a saturation of 76.9% and a lightness of 57.6%. #40afe6 color hex could be obtained by blending #80ffff with #005fcd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 25
- G 69
- B 90
RGB color chart
- C 72
- M 24
- Y 0
- K 10
CMYK color chart

● #40afe6 color description : Bright blue.

The hexadecimal color #40afe6 has RGB values of R:64, G:175, B:230 and CMYK values of C:0.72, M:0.24, Y:0, K:0.1. Its decimal value is 4239334.

Hex triplet	40afe6	`#40afe6`
RGB Decimal	64, 175, 230	`rgb(64,175,230)`
RGB Percent	25.1, 68.6, 90.2	`rgb(25.1%,68.6%,90.2%)`
CMYK	72, 24, 0, 10
HSL	199.9°, 76.9, 57.6	`hsl(199.9,76.9%,57.6%)`
HSV (or HSB)	199.9°, 72.2, 90.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.621, -13.604, -36.61
XYZ	31.724, 37.46, 80.417
xyY	0.212, 0.25, 37.46
CIE-LCH	67.621, 39.056, 249.615
CIE-LUV	67.621, -40.305, -56.713
Hunter-Lab	61.205, -14.589, -35.058
Binary	01000000, 10101111, 11100110

#40afe6
```
#40afe6 rgb(64,175,230)
```
#e67740
```
#e67740 rgb(230,119,64)
```

Complementary Color

#40e6ca
```
#40e6ca rgb(64,230,202)
```
#40afe6
```
#40afe6 rgb(64,175,230)
```
#405ce6
```
#405ce6 rgb(64,92,230)
```

Analogous Color

#e6ca40
```
#e6ca40 rgb(230,202,64)
```
#40afe6
```
#40afe6 rgb(64,175,230)
```
#e6405c
```
#e6405c rgb(230,64,92)
```

Split Complementary Color

#afe640
```
#afe640 rgb(175,230,64)
```
#40afe6
```
#40afe6 rgb(64,175,230)
```
#e640af
```
#e640af rgb(230,64,175)
```

Triadic Color

#40e677
```
#40e677 rgb(64,230,119)
```
#40afe6
```
#40afe6 rgb(64,175,230)
```
#e640af
```
#e640af rgb(230,64,175)
```
#e67740
```
#e67740 rgb(230,119,64)
```

Tetradic Color

#1989c0
```
#1989c0 rgb(25,137,192)
```
#1c99d7
```
#1c99d7 rgb(28,153,215)
```
#29a6e3
```
#29a6e3 rgb(41,166,227)
```
#40afe6
```
#40afe6 rgb(64,175,230)
```
#57b8e9
```
#57b8e9 rgb(87,184,233)
```
#6dc2ec
```
#6dc2ec rgb(109,194,236)
```
#84cbef
```
#84cbef rgb(132,203,239)
```

Monochromatic Color

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

#40d9e6
```
#40d9e6 rgb(64,217,230)
```
#40cbe6
```
#40cbe6 rgb(64,203,230)
```
#40bde6
```
#40bde6 rgb(64,189,230)
```
#40afe6
```
#40afe6 rgb(64,175,230)
```
#40a1e6
```
#40a1e6 rgb(64,161,230)
```
#4093e6
```
#4093e6 rgb(64,147,230)
```
#4086e6
```
#4086e6 rgb(64,134,230)
```

Similar Colors

Text with hexadecimal color #40afe6

This text has a font color of #40afe6.

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

#40afe6 background color

This paragraph has a background color of #40afe6.

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

#40afe6 border color

This element has a border color of #40afe6.

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

CSS codes

.text {color:#40afe6;}

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

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

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

#020c11
```
#020c11 rgb(2,12,17)
```
#051922
```
#051922 rgb(5,25,34)
```
#072534
```
#072534 rgb(7,37,52)
```
#093145
```
#093145 rgb(9,49,69)
```
#0b3e57
```
#0b3e57 rgb(11,62,87)
```
#0e4a68
```
#0e4a68 rgb(14,74,104)
```
#105679
```
#105679 rgb(16,86,121)
```
#12638b
```
#12638b rgb(18,99,139)
```
#146f9c
```
#146f9c rgb(20,111,156)
```
#177bad
```
#177bad rgb(23,123,173)
```
#1988bf
```
#1988bf rgb(25,136,191)
```
#1b94d0
```
#1b94d0 rgb(27,148,208)
```
#1da0e1
```
#1da0e1 rgb(29,160,225)
```

Shade Color Variation

#2fa8e4
```
#2fa8e4 rgb(47,168,228)
```
#40afe6
```
#40afe6 rgb(64,175,230)
```
#51b6e8
```
#51b6e8 rgb(81,182,232)
```
#63beeb
```
#63beeb rgb(99,190,235)
```
#74c5ed
```
#74c5ed rgb(116,197,237)
```
#85ccef
```
#85ccef rgb(133,204,239)
```
#97d3f1
```
#97d3f1 rgb(151,211,241)
```
#a8dbf4
```
#a8dbf4 rgb(168,219,244)
```
#b9e2f6
```
#b9e2f6 rgb(185,226,246)
```
#cbe9f8
```
#cbe9f8 rgb(203,233,248)
```
#dcf0fa
```
#dcf0fa rgb(220,240,250)
```
#edf8fd
```
#edf8fd rgb(237,248,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b969b is the less saturated color, while #27b7ff is the most saturated one.

#8b969b
```
#8b969b rgb(139,150,155)
```
#8299a4
```
#8299a4 rgb(130,153,164)
```
#7a9bac
```
#7a9bac rgb(122,155,172)
```
#729eb4
```
#729eb4 rgb(114,158,180)
```
#6aa1bc
```
#6aa1bc rgb(106,161,188)
```
#61a4c5
```
#61a4c5 rgb(97,164,197)
```
#59a7cd
```
#59a7cd rgb(89,167,205)
```
#51a9d5
```
#51a9d5 rgb(81,169,213)
```
#48acde
```
#48acde rgb(72,172,222)
```
#40afe6
```
#40afe6 rgb(64,175,230)
```
#38b2ee
```
#38b2ee rgb(56,178,238)
```
#2fb5f7
```
#2fb5f7 rgb(47,181,247)
```
#27b7ff
```
#27b7ff rgb(39,183,255)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8399a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a7df Protanopia 1% of men
#8da8eb Deuteranopia 1% of men
#24b9c7 Tritanopia 0.001% of the population

Trichromacy

#78aae1 Protanomaly 1% of men, 0.01% of women
#71aae9 Deuteranomaly 6% of men, 0.4% of women
#2eb5d2 Tritanomaly 0.01% of the population

#40afe6 hex color

#40afe6 Color Information

#40afe6 Color Conversion

Color Schemes with #40afe6

Alternatives to #40afe6

#40afe6 Preview

Shades and Tints of #40afe6

Tones of #40afe6

Color Blindness Simulator