#40b5d8 hex color

In a RGB color space, hex #40b5d8 is composed of 25.1% red, 71% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 16.2% magenta, 0% yellow and 15.3% black. It has a hue angle of 193.8 degrees, a saturation of 66.1% and a lightness of 54.9%. #40b5d8 color hex could be obtained by blending #80ffff with #006bb1. Closest websafe color is: #33cccc.

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

● #40b5d8 color description : Moderate cyan.

The hexadecimal color #40b5d8 has RGB values of R:64, G:181, B:216 and CMYK values of C:0.7, M:0.16, Y:0, K:0.15. Its decimal value is 4240856.

Hex triplet	40b5d8	`#40b5d8`
RGB Decimal	64, 181, 216	`rgb(64,181,216)`
RGB Percent	25.1, 71, 84.7	`rgb(25.1%,71%,84.7%)`
CMYK	70, 16, 0, 15
HSL	193.8°, 66.1, 54.9	`hsl(193.8,66.1%,54.9%)`
HSV (or HSB)	193.8°, 70.4, 84.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.819, -21.314, -27.089
XYZ	31.03, 39.093, 70.872
xyY	0.22, 0.277, 39.093
CIE-LCH	68.819, 34.469, 231.804
CIE-LUV	68.819, -43.218, -39.774
Hunter-Lab	62.524, -20.832, -23.439
Binary	01000000, 10110101, 11011000

#40b5d8
```
#40b5d8 rgb(64,181,216)
```
#d86340
```
#d86340 rgb(216,99,64)
```

Complementary Color

#40d8af
```
#40d8af rgb(64,216,175)
```
#40b5d8
```
#40b5d8 rgb(64,181,216)
```
#4069d8
```
#4069d8 rgb(64,105,216)
```

Analogous Color

#d8af40
```
#d8af40 rgb(216,175,64)
```
#40b5d8
```
#40b5d8 rgb(64,181,216)
```
#d84069
```
#d84069 rgb(216,64,105)
```

Split Complementary Color

#b5d840
```
#b5d840 rgb(181,216,64)
```
#40b5d8
```
#40b5d8 rgb(64,181,216)
```
#d840b5
```
#d840b5 rgb(216,64,181)
```

Triadic Color

#40d863
```
#40d863 rgb(64,216,99)
```
#40b5d8
```
#40b5d8 rgb(64,181,216)
```
#d840b5
```
#d840b5 rgb(216,64,181)
```
#d86340
```
#d86340 rgb(216,99,64)
```

Tetradic Color

#238aa9
```
#238aa9 rgb(35,138,169)
```
#279bbe
```
#279bbe rgb(39,155,190)
```
#2badd3
```
#2badd3 rgb(43,173,211)
```
#40b5d8
```
#40b5d8 rgb(64,181,216)
```
#55bddc
```
#55bddc rgb(85,189,220)
```
#6ac5e1
```
#6ac5e1 rgb(106,197,225)
```
#80cee5
```
#80cee5 rgb(128,206,229)
```

Monochromatic Color

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

#40d8d5
```
#40d8d5 rgb(64,216,213)
```
#40ced8
```
#40ced8 rgb(64,206,216)
```
#40c2d8
```
#40c2d8 rgb(64,194,216)
```
#40b5d8
```
#40b5d8 rgb(64,181,216)
```
#40a8d8
```
#40a8d8 rgb(64,168,216)
```
#409cd8
```
#409cd8 rgb(64,156,216)
```
#408fd8
```
#408fd8 rgb(64,143,216)
```

Similar Colors

Text with hexadecimal color #40b5d8

This text has a font color of #40b5d8.

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

#40b5d8 background color

This paragraph has a background color of #40b5d8.

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

#40b5d8 border color

This element has a border color of #40b5d8.

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

CSS codes

.text {color:#40b5d8;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#041115
```
#041115 rgb(4,17,21)
```
#081e25
```
#081e25 rgb(8,30,37)
```
#0b2c35
```
#0b2c35 rgb(11,44,53)
```
#0e3946
```
#0e3946 rgb(14,57,70)
```
#124656
```
#124656 rgb(18,70,86)
```
#155366
```
#155366 rgb(21,83,102)
```
#186176
```
#186176 rgb(24,97,118)
```
#1c6e87
```
#1c6e87 rgb(28,110,135)
```
#1f7b97
```
#1f7b97 rgb(31,123,151)
```
#2289a7
```
#2289a7 rgb(34,137,167)
```
#2696b8
```
#2696b8 rgb(38,150,184)
```
#29a3c8
```
#29a3c8 rgb(41,163,200)
```

Shade Color Variation

#30afd5
```
#30afd5 rgb(48,175,213)
```
#40b5d8
```
#40b5d8 rgb(64,181,216)
```
#50bbdb
```
#50bbdb rgb(80,187,219)
```
#61c2df
```
#61c2df rgb(97,194,223)
```
#71c8e2
```
#71c8e2 rgb(113,200,226)
```
#81cee5
```
#81cee5 rgb(129,206,229)
```
#91d5e9
```
#91d5e9 rgb(145,213,233)
```
#a2dbec
```
#a2dbec rgb(162,219,236)
```
#b2e1ef
```
#b2e1ef rgb(178,225,239)
```
#c2e7f3
```
#c2e7f3 rgb(194,231,243)
```
#d3eef6
```
#d3eef6 rgb(211,238,246)
```
#e3f4f9
```
#e3f4f9 rgb(227,244,249)
```
#f3fafd
```
#f3fafd rgb(243,250,253)
```

Tint Color Variation

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

#878f91
```
#878f91 rgb(135,143,145)
```
#7e949a
```
#7e949a rgb(126,148,154)
```
#7598a3
```
#7598a3 rgb(117,152,163)
```
#6c9dac
```
#6c9dac rgb(108,157,172)
```
#63a2b5
```
#63a2b5 rgb(99,162,181)
```
#5ba7bd
```
#5ba7bd rgb(91,167,189)
```
#52abc6
```
#52abc6 rgb(82,171,198)
```
#49b0cf
```
#49b0cf rgb(73,176,207)
```
#40b5d8
```
#40b5d8 rgb(64,181,216)
```
#37bae1
```
#37bae1 rgb(55,186,225)
```
#2ebfea
```
#2ebfea rgb(46,191,234)
```
#25c3f3
```
#25c3f3 rgb(37,195,243)
```
#1dc8fb
```
#1dc8fb rgb(29,200,251)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#859ca3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2aad1 Protanopia 1% of men
#9eaadf Deuteranopia 1% of men
#3bbbc9 Tritanopia 0.001% of the population

Trichromacy

#7eaed3 Protanomaly 1% of men, 0.01% of women
#7baedc Deuteranomaly 6% of men, 0.4% of women
#3db9ce Tritanomaly 0.01% of the population

#40b5d8 hex color

#40b5d8 Color Information

#40b5d8 Color Conversion

Color Schemes with #40b5d8

Alternatives to #40b5d8

#40b5d8 Preview

Shades and Tints of #40b5d8

Tones of #40b5d8

Color Blindness Simulator