#40ade1 hex color

In a RGB color space, hex #40ade1 is composed of 25.1% red, 67.8% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 23.1% magenta, 0% yellow and 11.8% black. It has a hue angle of 199.4 degrees, a saturation of 72.9% and a lightness of 56.7%. #40ade1 color hex could be obtained by blending #80ffff with #005bc3. Closest websafe color is: #3399cc.

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

● #40ade1 color description : Bright blue.

The hexadecimal color #40ade1 has RGB values of R:64, G:173, B:225 and CMYK values of C:0.72, M:0.23, Y:0, K:0.12. Its decimal value is 4238817.

Hex triplet	40ade1	`#40ade1`
RGB Decimal	64, 173, 225	`rgb(64,173,225)`
RGB Percent	25.1, 67.8, 88.2	`rgb(25.1%,67.8%,88.2%)`
CMYK	72, 23, 0, 12
HSL	199.4°, 72.9, 56.7	`hsl(199.4,72.9%,56.7%)`
HSV (or HSB)	199.4°, 71.6, 88.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.833, -14.182, -35.095
XYZ	30.645, 36.411, 76.643
xyY	0.213, 0.253, 36.411
CIE-LCH	66.833, 37.852, 247.996
CIE-LUV	66.833, -39.874, -53.984
Hunter-Lab	60.341, -14.944, -33.069
Binary	01000000, 10101101, 11100001

#40ade1
```
#40ade1 rgb(64,173,225)
```
#e17440
```
#e17440 rgb(225,116,64)
```

Complementary Color

#40e1c5
```
#40e1c5 rgb(64,225,197)
```
#40ade1
```
#40ade1 rgb(64,173,225)
```
#405de1
```
#405de1 rgb(64,93,225)
```

Analogous Color

#e1c540
```
#e1c540 rgb(225,197,64)
```
#40ade1
```
#40ade1 rgb(64,173,225)
```
#e1405d
```
#e1405d rgb(225,64,93)
```

Split Complementary Color

#ade140
```
#ade140 rgb(173,225,64)
```
#40ade1
```
#40ade1 rgb(64,173,225)
```
#e140ad
```
#e140ad rgb(225,64,173)
```

Triadic Color

#40e174
```
#40e174 rgb(64,225,116)
```
#40ade1
```
#40ade1 rgb(64,173,225)
```
#e140ad
```
#e140ad rgb(225,64,173)
```
#e17440
```
#e17440 rgb(225,116,64)
```

Tetradic Color

#1d86b8
```
#1d86b8 rgb(29,134,184)
```
#2096ce
```
#2096ce rgb(32,150,206)
```
#2aa4de
```
#2aa4de rgb(42,164,222)
```
#40ade1
```
#40ade1 rgb(64,173,225)
```
#56b6e4
```
#56b6e4 rgb(86,182,228)
```
#6cc0e8
```
#6cc0e8 rgb(108,192,232)
```
#82c9eb
```
#82c9eb rgb(130,201,235)
```

Monochromatic Color

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

#40d5e1
```
#40d5e1 rgb(64,213,225)
```
#40c8e1
```
#40c8e1 rgb(64,200,225)
```
#40bae1
```
#40bae1 rgb(64,186,225)
```
#40ade1
```
#40ade1 rgb(64,173,225)
```
#40a0e1
```
#40a0e1 rgb(64,160,225)
```
#4092e1
```
#4092e1 rgb(64,146,225)
```
#4085e1
```
#4085e1 rgb(64,133,225)
```

Similar Colors

Text with hexadecimal color #40ade1

This text has a font color of #40ade1.

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

#40ade1 background color

This paragraph has a background color of #40ade1.

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

#40ade1 border color

This element has a border color of #40ade1.

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

CSS codes

.text {color:#40ade1;}

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

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

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

#02090c
```
#02090c rgb(2,9,12)
```
#05151d
```
#05151d rgb(5,21,29)
```
#07222e
```
#07222e rgb(7,34,46)
```
#0a2e3f
```
#0a2e3f rgb(10,46,63)
```
#0d3a50
```
#0d3a50 rgb(13,58,80)
```
#0f4761
```
#0f4761 rgb(15,71,97)
```
#125372
```
#125372 rgb(18,83,114)
```
#155f83
```
#155f83 rgb(21,95,131)
```
#176c94
```
#176c94 rgb(23,108,148)
```
#1a78a5
```
#1a78a5 rgb(26,120,165)
```
#1d84b6
```
#1d84b6 rgb(29,132,182)
```
#1f91c7
```
#1f91c7 rgb(31,145,199)
```
#229dd8
```
#229dd8 rgb(34,157,216)
```

Shade Color Variation

#2fa6de
```
#2fa6de rgb(47,166,222)
```
#40ade1
```
#40ade1 rgb(64,173,225)
```
#51b4e4
```
#51b4e4 rgb(81,180,228)
```
#62bce6
```
#62bce6 rgb(98,188,230)
```
#73c3e9
```
#73c3e9 rgb(115,195,233)
```
#84caec
```
#84caec rgb(132,202,236)
```
#95d1ee
```
#95d1ee rgb(149,209,238)
```
#a6d9f1
```
#a6d9f1 rgb(166,217,241)
```
#b7e0f4
```
#b7e0f4 rgb(183,224,244)
```
#c8e7f6
```
#c8e7f6 rgb(200,231,246)
```
#d9eff9
```
#d9eff9 rgb(217,239,249)
```
#eaf6fc
```
#eaf6fc rgb(234,246,252)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#8d9295
```
#8d9295 rgb(141,146,149)
```
#84959d
```
#84959d rgb(132,149,157)
```
#7c98a6
```
#7c98a6 rgb(124,152,166)
```
#739bae
```
#739bae rgb(115,155,174)
```
#6b9eb7
```
#6b9eb7 rgb(107,158,183)
```
#62a1bf
```
#62a1bf rgb(98,161,191)
```
#5aa4c8
```
#5aa4c8 rgb(90,164,200)
```
#51a7d0
```
#51a7d0 rgb(81,167,208)
```
#49aad9
```
#49aad9 rgb(73,170,217)
```
#40ade1
```
#40ade1 rgb(64,173,225)
```
#38b0ea
```
#38b0ea rgb(56,176,234)
```
#2fb3f2
```
#2fb3f2 rgb(47,179,242)
```
#27b6fb
```
#27b6fb rgb(39,182,251)
```

Tone Color Variation

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

#97a5da Protanopia 1% of men
#8da5e7 Deuteranopia 1% of men
#29b7c4 Tritanopia 0.001% of the population

Trichromacy

#77a8dc Protanomaly 1% of men, 0.01% of women
#71a8e4 Deuteranomaly 6% of men, 0.4% of women
#31b3ce Tritanomaly 0.01% of the population

#40ade1 hex color

#40ade1 Color Information

#40ade1 Color Conversion

Color Schemes with #40ade1

Alternatives to #40ade1

#40ade1 Preview

Shades and Tints of #40ade1

Tones of #40ade1

Color Blindness Simulator