#40ade0 hex color

In a RGB color space, hex #40ade0 is composed of 25.1% red, 67.8% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 22.8% magenta, 0% yellow and 12.2% black. It has a hue angle of 199.1 degrees, a saturation of 72.1% and a lightness of 56.5%. #40ade0 color hex could be obtained by blending #80ffff with #005bc1. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 68
- B 88
RGB color chart
- C 71
- M 23
- Y 0
- K 12
CMYK color chart

● #40ade0 color description : Bright blue.

The hexadecimal color #40ade0 has RGB values of R:64, G:173, B:224 and CMYK values of C:0.71, M:0.23, Y:0, K:0.12. Its decimal value is 4238816.

Hex triplet	40ade0	`#40ade0`
RGB Decimal	64, 173, 224	`rgb(64,173,224)`
RGB Percent	25.1, 67.8, 87.8	`rgb(25.1%,67.8%,87.8%)`
CMYK	71, 23, 0, 12
HSL	199.1°, 72.1, 56.5	`hsl(199.1,72.1%,56.5%)`
HSV (or HSB)	199.1°, 71.4, 87.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.791, -14.512, -34.61
XYZ	30.509, 36.356, 75.927
xyY	0.214, 0.255, 36.356
CIE-LCH	66.791, 37.53, 247.252
CIE-LUV	66.791, -39.928, -53.119
Hunter-Lab	60.296, -15.2, -32.452
Binary	01000000, 10101101, 11100000

#40ade0
```
#40ade0 rgb(64,173,224)
```
#e07340
```
#e07340 rgb(224,115,64)
```

Complementary Color

#40e0c3
```
#40e0c3 rgb(64,224,195)
```
#40ade0
```
#40ade0 rgb(64,173,224)
```
#405de0
```
#405de0 rgb(64,93,224)
```

Analogous Color

#e0c340
```
#e0c340 rgb(224,195,64)
```
#40ade0
```
#40ade0 rgb(64,173,224)
```
#e0405d
```
#e0405d rgb(224,64,93)
```

Split Complementary Color

#ade040
```
#ade040 rgb(173,224,64)
```
#40ade0
```
#40ade0 rgb(64,173,224)
```
#e040ad
```
#e040ad rgb(224,64,173)
```

Triadic Color

#40e073
```
#40e073 rgb(64,224,115)
```
#40ade0
```
#40ade0 rgb(64,173,224)
```
#e040ad
```
#e040ad rgb(224,64,173)
```
#e07340
```
#e07340 rgb(224,115,64)
```

Tetradic Color

#1e85b6
```
#1e85b6 rgb(30,133,182)
```
#2195cc
```
#2195cc rgb(33,149,204)
```
#2aa4dc
```
#2aa4dc rgb(42,164,220)
```
#40ade0
```
#40ade0 rgb(64,173,224)
```
#56b6e4
```
#56b6e4 rgb(86,182,228)
```
#6cc0e7
```
#6cc0e7 rgb(108,192,231)
```
#82c9eb
```
#82c9eb rgb(130,201,235)
```

Monochromatic Color

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

#40d5e0
```
#40d5e0 rgb(64,213,224)
```
#40c8e0
```
#40c8e0 rgb(64,200,224)
```
#40bae0
```
#40bae0 rgb(64,186,224)
```
#40ade0
```
#40ade0 rgb(64,173,224)
```
#40a0e0
```
#40a0e0 rgb(64,160,224)
```
#4092e0
```
#4092e0 rgb(64,146,224)
```
#4085e0
```
#4085e0 rgb(64,133,224)
```

Similar Colors

Text with hexadecimal color #40ade0

This text has a font color of #40ade0.

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

#40ade0 background color

This paragraph has a background color of #40ade0.

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

#40ade0 border color

This element has a border color of #40ade0.

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

CSS codes

.text {color:#40ade0;}

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

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

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, #02080c is the darkest color, while #fafdfe is the lightest one.

#02080c
```
#02080c rgb(2,8,12)
```
#05151c
```
#05151c rgb(5,21,28)
```
#07212d
```
#07212d rgb(7,33,45)
```
#0a2e3e
```
#0a2e3e rgb(10,46,62)
```
#0d3a4f
```
#0d3a4f rgb(13,58,79)
```
#104660
```
#104660 rgb(16,70,96)
```
#125371
```
#125371 rgb(18,83,113)
```
#155f82
```
#155f82 rgb(21,95,130)
```
#186b93
```
#186b93 rgb(24,107,147)
```
#1b78a3
```
#1b78a3 rgb(27,120,163)
```
#1d84b4
```
#1d84b4 rgb(29,132,180)
```
#2091c5
```
#2091c5 rgb(32,145,197)
```
#239dd6
```
#239dd6 rgb(35,157,214)
```

Shade Color Variation

#2fa6dd
```
#2fa6dd rgb(47,166,221)
```
#40ade0
```
#40ade0 rgb(64,173,224)
```
#51b4e3
```
#51b4e3 rgb(81,180,227)
```
#62bbe5
```
#62bbe5 rgb(98,187,229)
```
#73c3e8
```
#73c3e8 rgb(115,195,232)
```
#84caeb
```
#84caeb rgb(132,202,235)
```
#94d1ee
```
#94d1ee rgb(148,209,238)
```
#a5d8f0
```
#a5d8f0 rgb(165,216,240)
```
#b6e0f3
```
#b6e0f3 rgb(182,224,243)
```
#c7e7f6
```
#c7e7f6 rgb(199,231,246)
```
#d8eef9
```
#d8eef9 rgb(216,238,249)
```
#e9f5fb
```
#e9f5fb rgb(233,245,251)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#8d9193
```
#8d9193 rgb(141,145,147)
```
#84949c
```
#84949c rgb(132,148,156)
```
#7c97a4
```
#7c97a4 rgb(124,151,164)
```
#739aad
```
#739aad rgb(115,154,173)
```
#6b9eb5
```
#6b9eb5 rgb(107,158,181)
```
#62a1be
```
#62a1be rgb(98,161,190)
```
#5aa4c6
```
#5aa4c6 rgb(90,164,198)
```
#51a7cf
```
#51a7cf rgb(81,167,207)
```
#49aad7
```
#49aad7 rgb(73,170,215)
```
#40ade0
```
#40ade0 rgb(64,173,224)
```
#37b0e9
```
#37b0e9 rgb(55,176,233)
```
#2fb3f1
```
#2fb3f1 rgb(47,179,241)
```
#26b6fa
```
#26b6fa rgb(38,182,250)
```

Tone Color Variation

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

#97a5d9 Protanopia 1% of men
#8ea5e6 Deuteranopia 1% of men
#2bb6c4 Tritanopia 0.001% of the population

Trichromacy

#77a8db Protanomaly 1% of men, 0.01% of women
#71a8e3 Deuteranomaly 6% of men, 0.4% of women
#32b3ce Tritanomaly 0.01% of the population

#40ade0 hex color

#40ade0 Color Information

#40ade0 Color Conversion

Color Schemes with #40ade0

Alternatives to #40ade0

#40ade0 Preview

Shades and Tints of #40ade0

Tones of #40ade0

Color Blindness Simulator