#40a2ec hex color

In a RGB color space, hex #40a2ec is composed of 25.1% red, 63.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 31.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 205.8 degrees, a saturation of 81.9% and a lightness of 58.8%. #40a2ec color hex could be obtained by blending #80ffff with #0045d9. Closest websafe color is: #3399ff.

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

● #40a2ec color description : Bright blue.

The hexadecimal color #40a2ec has RGB values of R:64, G:162, B:236 and CMYK values of C:0.73, M:0.31, Y:0, K:0.07. Its decimal value is 4236012.

Hex triplet	40a2ec	`#40a2ec`
RGB Decimal	64, 162, 236	`rgb(64,162,236)`
RGB Percent	25.1, 63.5, 92.5	`rgb(25.1%,63.5%,92.5%)`
CMYK	73, 31, 0, 7
HSL	205.8°, 81.9, 58.8	`hsl(205.8,81.9%,58.8%)`
HSV (or HSB)	205.8°, 72.9, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.148, -4.387, -45.337
XYZ	30.171, 32.984, 84.129
xyY	0.205, 0.224, 32.984
CIE-LCH	64.148, 45.549, 264.473
CIE-LUV	64.148, -35.51, -72.082
Hunter-Lab	57.432, -6.733, -46.648
Binary	01000000, 10100010, 11101100

#40a2ec
```
#40a2ec rgb(64,162,236)
```
#ec8a40
```
#ec8a40 rgb(236,138,64)
```

Complementary Color

#40ece0
```
#40ece0 rgb(64,236,224)
```
#40a2ec
```
#40a2ec rgb(64,162,236)
```
#404cec
```
#404cec rgb(64,76,236)
```

Analogous Color

#ece040
```
#ece040 rgb(236,224,64)
```
#40a2ec
```
#40a2ec rgb(64,162,236)
```
#ec404c
```
#ec404c rgb(236,64,76)
```

Split Complementary Color

#a2ec40
```
#a2ec40 rgb(162,236,64)
```
#40a2ec
```
#40a2ec rgb(64,162,236)
```
#ec40a2
```
#ec40a2 rgb(236,64,162)
```

Triadic Color

#40ec8a
```
#40ec8a rgb(64,236,138)
```
#40a2ec
```
#40a2ec rgb(64,162,236)
```
#ec40a2
```
#ec40a2 rgb(236,64,162)
```
#ec8a40
```
#ec8a40 rgb(236,138,64)
```

Tetradic Color

#147dcb
```
#147dcb rgb(20,125,203)
```
#178be2
```
#178be2 rgb(23,139,226)
```
#2997ea
```
#2997ea rgb(41,151,234)
```
#40a2ec
```
#40a2ec rgb(64,162,236)
```
#57adee
```
#57adee rgb(87,173,238)
```
#6eb9f1
```
#6eb9f1 rgb(110,185,241)
```
#86c4f3
```
#86c4f3 rgb(134,196,243)
```

Monochromatic Color

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

#40cdec
```
#40cdec rgb(64,205,236)
```
#40bfec
```
#40bfec rgb(64,191,236)
```
#40b0ec
```
#40b0ec rgb(64,176,236)
```
#40a2ec
```
#40a2ec rgb(64,162,236)
```
#4094ec
```
#4094ec rgb(64,148,236)
```
#4085ec
```
#4085ec rgb(64,133,236)
```
#4077ec
```
#4077ec rgb(64,119,236)
```

Similar Colors

Text with hexadecimal color #40a2ec

This text has a font color of #40a2ec.

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

#40a2ec background color

This paragraph has a background color of #40a2ec.

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

#40a2ec border color

This element has a border color of #40a2ec.

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

CSS codes

.text {color:#40a2ec;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#020e17
```
#020e17 rgb(2,14,23)
```
#041929
```
#041929 rgb(4,25,41)
```
#06243b
```
#06243b rgb(6,36,59)
```
#082f4d
```
#082f4d rgb(8,47,77)
```
#093a5e
```
#093a5e rgb(9,58,94)
```
#0b4570
```
#0b4570 rgb(11,69,112)
```
#0d5082
```
#0d5082 rgb(13,80,130)
```
#0f5b94
```
#0f5b94 rgb(15,91,148)
```
#1066a6
```
#1066a6 rgb(16,102,166)
```
#1271b8
```
#1271b8 rgb(18,113,184)
```
#147bc9
```
#147bc9 rgb(20,123,201)
```
#1686db
```
#1686db rgb(22,134,219)
```

Shade Color Variation

#1c91e8
```
#1c91e8 rgb(28,145,232)
```
#2e99ea
```
#2e99ea rgb(46,153,234)
```
#40a2ec
```
#40a2ec rgb(64,162,236)
```
#52abee
```
#52abee rgb(82,171,238)
```
#64b3f0
```
#64b3f0 rgb(100,179,240)
```
#76bcf1
```
#76bcf1 rgb(118,188,241)
```
#87c5f3
```
#87c5f3 rgb(135,197,243)
```
#99cdf5
```
#99cdf5 rgb(153,205,245)
```
#abd6f7
```
#abd6f7 rgb(171,214,247)
```
#bddff8
```
#bddff8 rgb(189,223,248)
```
#cfe7fa
```
#cfe7fa rgb(207,231,250)
```
#e1f0fc
```
#e1f0fc rgb(225,240,252)
```
#f2f9fe
```
#f2f9fe rgb(242,249,254)
```

Tint Color Variation

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

#91979b
```
#91979b rgb(145,151,155)
```
#8998a3
```
#8998a3 rgb(137,152,163)
```
#8199ab
```
#8199ab rgb(129,153,171)
```
#799ab3
```
#799ab3 rgb(121,154,179)
```
#709bbc
```
#709bbc rgb(112,155,188)
```
#689cc4
```
#689cc4 rgb(104,156,196)
```
#609dcc
```
#609dcc rgb(96,157,204)
```
#589fd4
```
#589fd4 rgb(88,159,212)
```
#50a0dc
```
#50a0dc rgb(80,160,220)
```
#48a1e4
```
#48a1e4 rgb(72,161,228)
```
#40a2ec
```
#40a2ec rgb(64,162,236)
```
#38a3f4
```
#38a3f4 rgb(56,163,244)
```
#30a4fc
```
#30a4fc rgb(48,164,252)
```

Tone Color Variation

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

Dichromacy

#869ee6 Protanopia 1% of men
#73a0ef Deuteranopia 1% of men
#00b0bc Tritanopia 0.001% of the population

Trichromacy

#6c9fe8 Protanomaly 1% of men, 0.01% of women
#61a1ee Deuteranomaly 6% of men, 0.4% of women
#17abce Tritanomaly 0.01% of the population

#40a2ec hex color

#40a2ec Color Information

#40a2ec Color Conversion

Color Schemes with #40a2ec

Alternatives to #40a2ec

#40a2ec Preview

Shades and Tints of #40a2ec

Tones of #40a2ec

Color Blindness Simulator