#40a5b5 hex color

In a RGB color space, hex #40a5b5 is composed of 25.1% red, 64.7% green and 71% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 8.8% magenta, 0% yellow and 29% black. It has a hue angle of 188.2 degrees, a saturation of 47.8% and a lightness of 48%. #40a5b5 color hex could be obtained by blending #80ffff with #004b6b. Closest websafe color is: #3399cc.

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

● #40a5b5 color description : Moderate cyan.

The hexadecimal color #40a5b5 has RGB values of R:64, G:165, B:181 and CMYK values of C:0.65, M:0.09, Y:0, K:0.29. Its decimal value is 4236725.

Hex triplet	40a5b5	`#40a5b5`
RGB Decimal	64, 165, 181	`rgb(64,165,181)`
RGB Percent	25.1, 64.7, 71	`rgb(25.1%,64.7%,71%)`
CMYK	65, 9, 0, 29
HSL	188.2°, 47.8, 48	`hsl(188.2,47.8%,48%)`
HSV (or HSB)	188.2°, 64.6, 71
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.789, -23.984, -16.9
XYZ	23.908, 31.334, 48.502
xyY	0.23, 0.302, 31.334
CIE-LCH	62.789, 29.34, 215.17
CIE-LUV	62.789, -39.412, -22.286
Hunter-Lab	55.977, -21.724, -12.188
Binary	01000000, 10100101, 10110101

#40a5b5
```
#40a5b5 rgb(64,165,181)
```
#b55040
```
#b55040 rgb(181,80,64)
```

Complementary Color

#40b58b
```
#40b58b rgb(64,181,139)
```
#40a5b5
```
#40a5b5 rgb(64,165,181)
```
#406bb5
```
#406bb5 rgb(64,107,181)
```

Analogous Color

#b58b40
```
#b58b40 rgb(181,139,64)
```
#40a5b5
```
#40a5b5 rgb(64,165,181)
```
#b5406b
```
#b5406b rgb(181,64,107)
```

Split Complementary Color

#a5b540
```
#a5b540 rgb(165,181,64)
```
#40a5b5
```
#40a5b5 rgb(64,165,181)
```
#b540a5
```
#b540a5 rgb(181,64,165)
```

Triadic Color

#40b550
```
#40b550 rgb(64,181,80)
```
#40a5b5
```
#40a5b5 rgb(64,165,181)
```
#b540a5
```
#b540a5 rgb(181,64,165)
```
#b55040
```
#b55040 rgb(181,80,64)
```

Tetradic Color

#2c717c
```
#2c717c rgb(44,113,124)
```
#33838f
```
#33838f rgb(51,131,143)
```
#3994a2
```
#3994a2 rgb(57,148,162)
```
#40a5b5
```
#40a5b5 rgb(64,165,181)
```
#4eb1c0
```
#4eb1c0 rgb(78,177,192)
```
#61b9c7
```
#61b9c7 rgb(97,185,199)
```
#74c1ce
```
#74c1ce rgb(116,193,206)
```

Monochromatic Color

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

#40b5a8
```
#40b5a8 rgb(64,181,168)
```
#40b5b2
```
#40b5b2 rgb(64,181,178)
```
#40afb5
```
#40afb5 rgb(64,175,181)
```
#40a5b5
```
#40a5b5 rgb(64,165,181)
```
#409bb5
```
#409bb5 rgb(64,155,181)
```
#4092b5
```
#4092b5 rgb(64,146,181)
```
#4088b5
```
#4088b5 rgb(64,136,181)
```

Similar Colors

Text with hexadecimal color #40a5b5

This text has a font color of #40a5b5.

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

#40a5b5 background color

This paragraph has a background color of #40a5b5.

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

#40a5b5 border color

This element has a border color of #40a5b5.

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

CSS codes

.text {color:#40a5b5;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#081416
```
#081416 rgb(8,20,22)
```
#0d2124
```
#0d2124 rgb(13,33,36)
```
#122e33
```
#122e33 rgb(18,46,51)
```
#173b41
```
#173b41 rgb(23,59,65)
```
#1c4950
```
#1c4950 rgb(28,73,80)
```
#21565e
```
#21565e rgb(33,86,94)
```
#26636d
```
#26636d rgb(38,99,109)
```
#2c707b
```
#2c707b rgb(44,112,123)
```
#317d8a
```
#317d8a rgb(49,125,138)
```
#368b98
```
#368b98 rgb(54,139,152)
```
#3b98a7
```
#3b98a7 rgb(59,152,167)
```
#40a5b5
```
#40a5b5 rgb(64,165,181)
```

Shade Color Variation

#4aafbf
```
#4aafbf rgb(74,175,191)
```
#58b5c4
```
#58b5c4 rgb(88,181,196)
```
#67bcc9
```
#67bcc9 rgb(103,188,201)
```
#75c2ce
```
#75c2ce rgb(117,194,206)
```
#84c8d3
```
#84c8d3 rgb(132,200,211)
```
#92cfd9
```
#92cfd9 rgb(146,207,217)
```
#a1d5de
```
#a1d5de rgb(161,213,222)
```
#afdce3
```
#afdce3 rgb(175,220,227)
```
#bee2e8
```
#bee2e8 rgb(190,226,232)
```
#cce9ed
```
#cce9ed rgb(204,233,237)
```
#dbeff2
```
#dbeff2 rgb(219,239,242)
```
#e9f5f7
```
#e9f5f7 rgb(233,245,247)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797c7c is the less saturated color, while #07ceee is the most saturated one.

#797c7c
```
#797c7c rgb(121,124,124)
```
#6f8386
```
#6f8386 rgb(111,131,134)
```
#668a8f
```
#668a8f rgb(102,138,143)
```
#5c9099
```
#5c9099 rgb(92,144,153)
```
#5397a2
```
#5397a2 rgb(83,151,162)
```
#499eac
```
#499eac rgb(73,158,172)
```
#40a5b5
```
#40a5b5 rgb(64,165,181)
```
#37acbe
```
#37acbe rgb(55,172,190)
```
#2db3c8
```
#2db3c8 rgb(45,179,200)
```
#24bad1
```
#24bad1 rgb(36,186,209)
```
#1ac0db
```
#1ac0db rgb(26,192,219)
```
#11c7e4
```
#11c7e4 rgb(17,199,228)
```
#07ceee
```
#07ceee rgb(7,206,238)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#7a8f92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999cb0 Protanopia 1% of men
#999abe Deuteranopia 1% of men
#48aab6 Tritanopia 0.001% of the population

Trichromacy

#799fb2 Protanomaly 1% of men, 0.01% of women
#799ebb Deuteranomaly 6% of men, 0.4% of women
#45a8b5 Tritanomaly 0.01% of the population

#40a5b5 hex color

#40a5b5 Color Information

#40a5b5 Color Conversion

Color Schemes with #40a5b5

Alternatives to #40a5b5

#40a5b5 Preview

Shades and Tints of #40a5b5

Tones of #40a5b5

Color Blindness Simulator