#40a6da hex color

In a RGB color space, hex #40a6da is composed of 25.1% red, 65.1% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 23.9% magenta, 0% yellow and 14.5% black. It has a hue angle of 200.3 degrees, a saturation of 67.5% and a lightness of 55.3%. #40a6da color hex could be obtained by blending #80ffff with #004db5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 65
- B 85
RGB color chart
- C 71
- M 24
- Y 0
- K 15
CMYK color chart

● #40a6da color description : Bright blue.

The hexadecimal color #40a6da has RGB values of R:64, G:166, B:218 and CMYK values of C:0.71, M:0.24, Y:0, K:0.15. Its decimal value is 4237018.

Hex triplet	40a6da	`#40a6da`
RGB Decimal	64, 166, 218	`rgb(64,166,218)`
RGB Percent	25.1, 65.1, 85.5	`rgb(25.1%,65.1%,85.5%)`
CMYK	71, 24, 0, 15
HSL	200.3°, 67.5, 55.3	`hsl(200.3,67.5%,55.3%)`
HSV (or HSB)	200.3°, 70.6, 85.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.501, -12.71, -34.865
XYZ	28.402, 33.422, 71.28
xyY	0.213, 0.251, 33.422
CIE-LCH	64.501, 37.109, 249.971
CIE-LUV	64.501, -37.777, -53.502
Hunter-Lab	57.812, -13.476, -32.634
Binary	01000000, 10100110, 11011010

#40a6da
```
#40a6da rgb(64,166,218)
```
#da7440
```
#da7440 rgb(218,116,64)
```

Complementary Color

#40dac1
```
#40dac1 rgb(64,218,193)
```
#40a6da
```
#40a6da rgb(64,166,218)
```
#4059da
```
#4059da rgb(64,89,218)
```

Analogous Color

#dac140
```
#dac140 rgb(218,193,64)
```
#40a6da
```
#40a6da rgb(64,166,218)
```
#da4059
```
#da4059 rgb(218,64,89)
```

Split Complementary Color

#a6da40
```
#a6da40 rgb(166,218,64)
```
#40a6da
```
#40a6da rgb(64,166,218)
```
#da40a6
```
#da40a6 rgb(218,64,166)
```

Triadic Color

#40da74
```
#40da74 rgb(64,218,116)
```
#40a6da
```
#40a6da rgb(64,166,218)
```
#da40a6
```
#da40a6 rgb(218,64,166)
```
#da7440
```
#da7440 rgb(218,116,64)
```

Tetradic Color

#217dac
```
#217dac rgb(33,125,172)
```
#258dc2
```
#258dc2 rgb(37,141,194)
```
#2b9cd6
```
#2b9cd6 rgb(43,156,214)
```
#40a6da
```
#40a6da rgb(64,166,218)
```
#55b0de
```
#55b0de rgb(85,176,222)
```
#6bbae2
```
#6bbae2 rgb(107,186,226)
```
#80c4e6
```
#80c4e6 rgb(128,196,230)
```

Monochromatic Color

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

#40cdda
```
#40cdda rgb(64,205,218)
```
#40c0da
```
#40c0da rgb(64,192,218)
```
#40b3da
```
#40b3da rgb(64,179,218)
```
#40a6da
```
#40a6da rgb(64,166,218)
```
#4099da
```
#4099da rgb(64,153,218)
```
#408cda
```
#408cda rgb(64,140,218)
```
#4080da
```
#4080da rgb(64,128,218)
```

Similar Colors

Text with hexadecimal color #40a6da

This text has a font color of #40a6da.

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

#40a6da background color

This paragraph has a background color of #40a6da.

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

#40a6da border color

This element has a border color of #40a6da.

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

CSS codes

.text {color:#40a6da;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#041017
```
#041017 rgb(4,16,23)
```
#081c27
```
#081c27 rgb(8,28,39)
```
#0b2837
```
#0b2837 rgb(11,40,55)
```
#0e3448
```
#0e3448 rgb(14,52,72)
```
#114058
```
#114058 rgb(17,64,88)
```
#144c69
```
#144c69 rgb(20,76,105)
```
#175879
```
#175879 rgb(23,88,121)
```
#1b648a
```
#1b648a rgb(27,100,138)
```
#1e709a
```
#1e709a rgb(30,112,154)
```
#217cab
```
#217cab rgb(33,124,171)
```
#2488bb
```
#2488bb rgb(36,136,187)
```
#2794cb
```
#2794cb rgb(39,148,203)
```

Shade Color Variation

#309ed7
```
#309ed7 rgb(48,158,215)
```
#40a6da
```
#40a6da rgb(64,166,218)
```
#50aedd
```
#50aedd rgb(80,174,221)
```
#61b5e0
```
#61b5e0 rgb(97,181,224)
```
#71bde4
```
#71bde4 rgb(113,189,228)
```
#82c5e7
```
#82c5e7 rgb(130,197,231)
```
#92ccea
```
#92ccea rgb(146,204,234)
```
#a3d4ed
```
#a3d4ed rgb(163,212,237)
```
#b3dcf0
```
#b3dcf0 rgb(179,220,240)
```
#c3e3f3
```
#c3e3f3 rgb(195,227,243)
```
#d4ebf7
```
#d4ebf7 rgb(212,235,247)
```
#e4f3fa
```
#e4f3fa rgb(228,243,250)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868f94 is the less saturated color, while #1db1fd is the most saturated one.

#868f94
```
#868f94 rgb(134,143,148)
```
#7d929d
```
#7d929d rgb(125,146,157)
```
#7595a5
```
#7595a5 rgb(117,149,165)
```
#6c98ae
```
#6c98ae rgb(108,152,174)
```
#639bb7
```
#639bb7 rgb(99,155,183)
```
#5a9dc0
```
#5a9dc0 rgb(90,157,192)
```
#52a0c8
```
#52a0c8 rgb(82,160,200)
```
#49a3d1
```
#49a3d1 rgb(73,163,209)
```
#40a6da
```
#40a6da rgb(64,166,218)
```
#37a9e3
```
#37a9e3 rgb(55,169,227)
```
#2eacec
```
#2eacec rgb(46,172,236)
```
#26aff4
```
#26aff4 rgb(38,175,244)
```
#1db1fd
```
#1db1fd rgb(29,177,253)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7e929c Atypical Achromatopsia 0.001% of the population

Dichromacy

#919fd4 Protanopia 1% of men
#87a0e0 Deuteranopia 1% of men
#2bb0bd Tritanopia 0.001% of the population

Trichromacy

#73a1d6 Protanomaly 1% of men, 0.01% of women
#6da2dd Deuteranomaly 6% of men, 0.4% of women
#32acc7 Tritanomaly 0.01% of the population

#40a6da hex color

#40a6da Color Information

#40a6da Color Conversion

Color Schemes with #40a6da

Alternatives to #40a6da

#40a6da Preview

Shades and Tints of #40a6da

Tones of #40a6da

Color Blindness Simulator