#40a5ee hex color

In a RGB color space, hex #40a5ee is composed of 25.1% red, 64.7% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 30.7% magenta, 0% yellow and 6.7% black. It has a hue angle of 205.2 degrees, a saturation of 83.7% and a lightness of 59.2%. #40a5ee color hex could be obtained by blending #80ffff with #004bdd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 25
- G 65
- B 93
RGB color chart
- C 73
- M 31
- Y 0
- K 7
CMYK color chart

● #40a5ee color description : Bright blue.

The hexadecimal color #40a5ee has RGB values of R:64, G:165, B:238 and CMYK values of C:0.73, M:0.31, Y:0, K:0.07. Its decimal value is 4236782.

Hex triplet	40a5ee	`#40a5ee`
RGB Decimal	64, 165, 238	`rgb(64,165,238)`
RGB Percent	25.1, 64.7, 93.3	`rgb(25.1%,64.7%,93.3%)`
CMYK	73, 31, 0, 7
HSL	205.2°, 83.7, 59.2	`hsl(205.2,83.7%,59.2%)`
HSV (or HSB)	205.2°, 73.1, 93.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.098, -5.392, -44.94
XYZ	30.998, 34.171, 85.846
xyY	0.205, 0.226, 34.171
CIE-LCH	65.098, 45.262, 263.158
CIE-LUV	65.098, -36.441, -71.461
Hunter-Lab	58.456, -7.641, -46.152
Binary	01000000, 10100101, 11101110

#40a5ee
```
#40a5ee rgb(64,165,238)
```
#ee8940
```
#ee8940 rgb(238,137,64)
```

Complementary Color

#40eee0
```
#40eee0 rgb(64,238,224)
```
#40a5ee
```
#40a5ee rgb(64,165,238)
```
#404eee
```
#404eee rgb(64,78,238)
```

Analogous Color

#eee040
```
#eee040 rgb(238,224,64)
```
#40a5ee
```
#40a5ee rgb(64,165,238)
```
#ee404e
```
#ee404e rgb(238,64,78)
```

Split Complementary Color

#a5ee40
```
#a5ee40 rgb(165,238,64)
```
#40a5ee
```
#40a5ee rgb(64,165,238)
```
#ee40a5
```
#ee40a5 rgb(238,64,165)
```

Triadic Color

#40ee89
```
#40ee89 rgb(64,238,137)
```
#40a5ee
```
#40a5ee rgb(64,165,238)
```
#ee40a5
```
#ee40a5 rgb(238,64,165)
```
#ee8940
```
#ee8940 rgb(238,137,64)
```

Tetradic Color

#1280cf
```
#1280cf rgb(18,128,207)
```
#158ee6
```
#158ee6 rgb(21,142,230)
```
#299aec
```
#299aec rgb(41,154,236)
```
#40a5ee
```
#40a5ee rgb(64,165,238)
```
#57b0f0
```
#57b0f0 rgb(87,176,240)
```
#6fbbf2
```
#6fbbf2 rgb(111,187,242)
```
#86c6f4
```
#86c6f4 rgb(134,198,244)
```

Monochromatic Color

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

#40d1ee
```
#40d1ee rgb(64,209,238)
```
#40c2ee
```
#40c2ee rgb(64,194,238)
```
#40b4ee
```
#40b4ee rgb(64,180,238)
```
#40a5ee
```
#40a5ee rgb(64,165,238)
```
#4097ee
```
#4097ee rgb(64,151,238)
```
#4088ee
```
#4088ee rgb(64,136,238)
```
#407aee
```
#407aee rgb(64,122,238)
```

Similar Colors

Text with hexadecimal color #40a5ee

This text has a font color of #40a5ee.

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

#40a5ee background color

This paragraph has a background color of #40a5ee.

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

#40a5ee border color

This element has a border color of #40a5ee.

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

CSS codes

.text {color:#40a5ee;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#021019
```
#021019 rgb(2,16,25)
```
#041b2b
```
#041b2b rgb(4,27,43)
```
#05263d
```
#05263d rgb(5,38,61)
```
#07314f
```
#07314f rgb(7,49,79)
```
#093c61
```
#093c61 rgb(9,60,97)
```
#0a4773
```
#0a4773 rgb(10,71,115)
```
#0c5285
```
#0c5285 rgb(12,82,133)
```
#0d5d97
```
#0d5d97 rgb(13,93,151)
```
#0f69a9
```
#0f69a9 rgb(15,105,169)
```
#1174bb
```
#1174bb rgb(17,116,187)
```
#127fcd
```
#127fcd rgb(18,127,205)
```
#148adf
```
#148adf rgb(20,138,223)
```

Shade Color Variation

#1c94eb
```
#1c94eb rgb(28,148,235)
```
#2e9dec
```
#2e9dec rgb(46,157,236)
```
#40a5ee
```
#40a5ee rgb(64,165,238)
```
#52adf0
```
#52adf0 rgb(82,173,240)
```
#64b6f1
```
#64b6f1 rgb(100,182,241)
```
#76bef3
```
#76bef3 rgb(118,190,243)
```
#88c7f4
```
#88c7f4 rgb(136,199,244)
```
#9acff6
```
#9acff6 rgb(154,207,246)
```
#acd8f8
```
#acd8f8 rgb(172,216,248)
```
#bee0f9
```
#bee0f9 rgb(190,224,249)
```
#d0e9fb
```
#d0e9fb rgb(208,233,251)
```
#e2f1fc
```
#e2f1fc rgb(226,241,252)
```
#f4fafe
```
#f4fafe rgb(244,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90989e is the less saturated color, while #30a8fe is the most saturated one.

#90989e
```
#90989e rgb(144,152,158)
```
#8899a6
```
#8899a6 rgb(136,153,166)
```
#809bae
```
#809bae rgb(128,155,174)
```
#789cb6
```
#789cb6 rgb(120,156,182)
```
#709dbe
```
#709dbe rgb(112,157,190)
```
#689fc6
```
#689fc6 rgb(104,159,198)
```
#60a0ce
```
#60a0ce rgb(96,160,206)
```
#58a1d6
```
#58a1d6 rgb(88,161,214)
```
#50a2de
```
#50a2de rgb(80,162,222)
```
#48a4e6
```
#48a4e6 rgb(72,164,230)
```
#40a5ee
```
#40a5ee rgb(64,165,238)
```
#38a6f6
```
#38a6f6 rgb(56,166,246)
```
#30a8fe
```
#30a8fe rgb(48,168,254)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7f93a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a0e8 Protanopia 1% of men
#77a2f1 Deuteranopia 1% of men
#00b2bf Tritanopia 0.001% of the population

Trichromacy

#6ea2ea Protanomaly 1% of men, 0.01% of women
#63a3f0 Deuteranomaly 6% of men, 0.4% of women
#17add0 Tritanomaly 0.01% of the population

#40a5ee hex color

#40a5ee Color Information

#40a5ee Color Conversion

Color Schemes with #40a5ee

Alternatives to #40a5ee

#40a5ee Preview

Shades and Tints of #40a5ee

Tones of #40a5ee

Color Blindness Simulator