#40ade2 hex color

In a RGB color space, hex #40ade2 is composed of 25.1% red, 67.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 23.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 199.6 degrees, a saturation of 73.6% and a lightness of 56.9%. #40ade2 color hex could be obtained by blending #80ffff with #005bc5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 68
- B 89
RGB color chart
- C 72
- M 23
- Y 0
- K 11
CMYK color chart

● #40ade2 color description : Bright blue.

The hexadecimal color #40ade2 has RGB values of R:64, G:173, B:226 and CMYK values of C:0.72, M:0.23, Y:0, K:0.11. Its decimal value is 4238818.

Hex triplet	40ade2	`#40ade2`
RGB Decimal	64, 173, 226	`rgb(64,173,226)`
RGB Percent	25.1, 67.8, 88.6	`rgb(25.1%,67.8%,88.6%)`
CMYK	72, 23, 0, 11
HSL	199.6°, 73.6, 56.9	`hsl(199.6,73.6%,56.9%)`
HSV (or HSB)	199.6°, 71.7, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.874, -13.851, -35.58
XYZ	30.782, 36.466, 77.364
xyY	0.213, 0.252, 36.466
CIE-LCH	66.874, 38.181, 248.729
CIE-LUV	66.874, -39.82, -54.849
Hunter-Lab	60.387, -14.687, -33.688
Binary	01000000, 10101101, 11100010

#40ade2
```
#40ade2 rgb(64,173,226)
```
#e27540
```
#e27540 rgb(226,117,64)
```

Complementary Color

#40e2c6
```
#40e2c6 rgb(64,226,198)
```
#40ade2
```
#40ade2 rgb(64,173,226)
```
#405ce2
```
#405ce2 rgb(64,92,226)
```

Analogous Color

#e2c640
```
#e2c640 rgb(226,198,64)
```
#40ade2
```
#40ade2 rgb(64,173,226)
```
#e2405c
```
#e2405c rgb(226,64,92)
```

Split Complementary Color

#ade240
```
#ade240 rgb(173,226,64)
```
#40ade2
```
#40ade2 rgb(64,173,226)
```
#e240ad
```
#e240ad rgb(226,64,173)
```

Triadic Color

#40e275
```
#40e275 rgb(64,226,117)
```
#40ade2
```
#40ade2 rgb(64,173,226)
```
#e240ad
```
#e240ad rgb(226,64,173)
```
#e27540
```
#e27540 rgb(226,117,64)
```

Tetradic Color

#1c86b9
```
#1c86b9 rgb(28,134,185)
```
#2096cf
```
#2096cf rgb(32,150,207)
```
#2aa3df
```
#2aa3df rgb(42,163,223)
```
#40ade2
```
#40ade2 rgb(64,173,226)
```
#56b7e5
```
#56b7e5 rgb(86,183,229)
```
#6cc0e9
```
#6cc0e9 rgb(108,192,233)
```
#82caec
```
#82caec rgb(130,202,236)
```

Monochromatic Color

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

#40d6e2
```
#40d6e2 rgb(64,214,226)
```
#40c8e2
```
#40c8e2 rgb(64,200,226)
```
#40bbe2
```
#40bbe2 rgb(64,187,226)
```
#40ade2
```
#40ade2 rgb(64,173,226)
```
#40a0e2
```
#40a0e2 rgb(64,160,226)
```
#4092e2
```
#4092e2 rgb(64,146,226)
```
#4085e2
```
#4085e2 rgb(64,133,226)
```

Similar Colors

Text with hexadecimal color #40ade2

This text has a font color of #40ade2.

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

#40ade2 background color

This paragraph has a background color of #40ade2.

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

#40ade2 border color

This element has a border color of #40ade2.

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

CSS codes

.text {color:#40ade2;}

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

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

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

#020a0d
```
#020a0d rgb(2,10,13)
```
#05161e
```
#05161e rgb(5,22,30)
```
#07222f
```
#07222f rgb(7,34,47)
```
#0a2f40
```
#0a2f40 rgb(10,47,64)
```
#0c3b51
```
#0c3b51 rgb(12,59,81)
```
#0f4763
```
#0f4763 rgb(15,71,99)
```
#125374
```
#125374 rgb(18,83,116)
```
#146085
```
#146085 rgb(20,96,133)
```
#176c96
```
#176c96 rgb(23,108,150)
```
#1978a7
```
#1978a7 rgb(25,120,167)
```
#1c85b8
```
#1c85b8 rgb(28,133,184)
```
#1e91c9
```
#1e91c9 rgb(30,145,201)
```
#219dda
```
#219dda rgb(33,157,218)
```

Shade Color Variation

#2fa6df
```
#2fa6df rgb(47,166,223)
```
#40ade2
```
#40ade2 rgb(64,173,226)
```
#51b4e5
```
#51b4e5 rgb(81,180,229)
```
#62bce7
```
#62bce7 rgb(98,188,231)
```
#73c3ea
```
#73c3ea rgb(115,195,234)
```
#84caec
```
#84caec rgb(132,202,236)
```
#95d2ef
```
#95d2ef rgb(149,210,239)
```
#a6d9f2
```
#a6d9f2 rgb(166,217,242)
```
#b7e0f4
```
#b7e0f4 rgb(183,224,244)
```
#c8e7f7
```
#c8e7f7 rgb(200,231,247)
```
#d9eff9
```
#d9eff9 rgb(217,239,249)
```
#eaf6fc
```
#eaf6fc rgb(234,246,252)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#8c9396
```
#8c9396 rgb(140,147,150)
```
#84969e
```
#84969e rgb(132,150,158)
```
#7b99a7
```
#7b99a7 rgb(123,153,167)
```
#739baf
```
#739baf rgb(115,155,175)
```
#6a9eb8
```
#6a9eb8 rgb(106,158,184)
```
#62a1c0
```
#62a1c0 rgb(98,161,192)
```
#59a4c9
```
#59a4c9 rgb(89,164,201)
```
#51a7d1
```
#51a7d1 rgb(81,167,209)
```
#48aada
```
#48aada rgb(72,170,218)
```
#40ade2
```
#40ade2 rgb(64,173,226)
```
#38b0ea
```
#38b0ea rgb(56,176,234)
```
#2fb3f3
```
#2fb3f3 rgb(47,179,243)
```
#27b6fb
```
#27b6fb rgb(39,182,251)
```

Tone Color Variation

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

Dichromacy

#97a5db Protanopia 1% of men
#8da6e7 Deuteranopia 1% of men
#28b7c4 Tritanopia 0.001% of the population

Trichromacy

#77a8dd Protanomaly 1% of men, 0.01% of women
#71a8e5 Deuteranomaly 6% of men, 0.4% of women
#30b3cf Tritanomaly 0.01% of the population

#40ade2 hex color

#40ade2 Color Information

#40ade2 Color Conversion

Color Schemes with #40ade2

Alternatives to #40ade2

#40ade2 Preview

Shades and Tints of #40ade2

Tones of #40ade2

Color Blindness Simulator