#40b1d9 hex color

In a RGB color space, hex #40b1d9 is composed of 25.1% red, 69.4% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 18.4% magenta, 0% yellow and 14.9% black. It has a hue angle of 195.7 degrees, a saturation of 66.8% and a lightness of 55.1%. #40b1d9 color hex could be obtained by blending #80ffff with #0063b3. Closest websafe color is: #3399cc.

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

● #40b1d9 color description : Bright blue.

The hexadecimal color #40b1d9 has RGB values of R:64, G:177, B:217 and CMYK values of C:0.71, M:0.18, Y:0, K:0.15. Its decimal value is 4239833.

Hex triplet	40b1d9	`#40b1d9`
RGB Decimal	64, 177, 217	`rgb(64,177,217)`
RGB Percent	25.1, 69.4, 85.1	`rgb(25.1%,69.4%,85.1%)`
CMYK	71, 18, 0, 15
HSL	195.7°, 66.8, 55.1	`hsl(195.7,66.8%,55.1%)`
HSV (or HSB)	195.7°, 70.5, 85.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.681, -18.916, -29.388
XYZ	30.358, 37.541, 71.288
xyY	0.218, 0.27, 37.541
CIE-LCH	67.681, 34.95, 237.233
CIE-LUV	67.681, -41.734, -43.849
Hunter-Lab	61.271, -18.784, -26.093
Binary	01000000, 10110001, 11011001

#40b1d9
```
#40b1d9 rgb(64,177,217)
```
#d96840
```
#d96840 rgb(217,104,64)
```

Complementary Color

#40d9b5
```
#40d9b5 rgb(64,217,181)
```
#40b1d9
```
#40b1d9 rgb(64,177,217)
```
#4065d9
```
#4065d9 rgb(64,101,217)
```

Analogous Color

#d9b540
```
#d9b540 rgb(217,181,64)
```
#40b1d9
```
#40b1d9 rgb(64,177,217)
```
#d94065
```
#d94065 rgb(217,64,101)
```

Split Complementary Color

#b1d940
```
#b1d940 rgb(177,217,64)
```
#40b1d9
```
#40b1d9 rgb(64,177,217)
```
#d940b1
```
#d940b1 rgb(217,64,177)
```

Triadic Color

#40d968
```
#40d968 rgb(64,217,104)
```
#40b1d9
```
#40b1d9 rgb(64,177,217)
```
#d940b1
```
#d940b1 rgb(217,64,177)
```
#d96840
```
#d96840 rgb(217,104,64)
```

Tetradic Color

#2287ab
```
#2287ab rgb(34,135,171)
```
#2698c0
```
#2698c0 rgb(38,152,192)
```
#2ba8d5
```
#2ba8d5 rgb(43,168,213)
```
#40b1d9
```
#40b1d9 rgb(64,177,217)
```
#55badd
```
#55badd rgb(85,186,221)
```
#6bc2e1
```
#6bc2e1 rgb(107,194,225)
```
#80cbe6
```
#80cbe6 rgb(128,203,230)
```

Monochromatic Color

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

#40d7d9
```
#40d7d9 rgb(64,215,217)
```
#40cbd9
```
#40cbd9 rgb(64,203,217)
```
#40bed9
```
#40bed9 rgb(64,190,217)
```
#40b1d9
```
#40b1d9 rgb(64,177,217)
```
#40a4d9
```
#40a4d9 rgb(64,164,217)
```
#4098d9
```
#4098d9 rgb(64,152,217)
```
#408bd9
```
#408bd9 rgb(64,139,217)
```

Similar Colors

Text with hexadecimal color #40b1d9

This text has a font color of #40b1d9.

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

#40b1d9 background color

This paragraph has a background color of #40b1d9.

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

#40b1d9 border color

This element has a border color of #40b1d9.

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

CSS codes

.text {color:#40b1d9;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#041116
```
#041116 rgb(4,17,22)
```
#081e26
```
#081e26 rgb(8,30,38)
```
#0b2b36
```
#0b2b36 rgb(11,43,54)
```
#0e3847
```
#0e3847 rgb(14,56,71)
```
#114557
```
#114557 rgb(17,69,87)
```
#155267
```
#155267 rgb(21,82,103)
```
#185f78
```
#185f78 rgb(24,95,120)
```
#1b6c88
```
#1b6c88 rgb(27,108,136)
```
#1e7999
```
#1e7999 rgb(30,121,153)
```
#2286a9
```
#2286a9 rgb(34,134,169)
```
#2592b9
```
#2592b9 rgb(37,146,185)
```
#289fca
```
#289fca rgb(40,159,202)
```

Shade Color Variation

#30aad6
```
#30aad6 rgb(48,170,214)
```
#40b1d9
```
#40b1d9 rgb(64,177,217)
```
#50b8dc
```
#50b8dc rgb(80,184,220)
```
#61bee0
```
#61bee0 rgb(97,190,224)
```
#71c5e3
```
#71c5e3 rgb(113,197,227)
```
#81cce6
```
#81cce6 rgb(129,204,230)
```
#92d2e9
```
#92d2e9 rgb(146,210,233)
```
#a2d9ed
```
#a2d9ed rgb(162,217,237)
```
#b3e0f0
```
#b3e0f0 rgb(179,224,240)
```
#c3e6f3
```
#c3e6f3 rgb(195,230,243)
```
#d3edf6
```
#d3edf6 rgb(211,237,246)
```
#e4f4fa
```
#e4f4fa rgb(228,244,250)
```
#f4fafd
```
#f4fafd rgb(244,250,253)
```

Tint Color Variation

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

#868f93
```
#868f93 rgb(134,143,147)
```
#7e949b
```
#7e949b rgb(126,148,155)
```
#7598a4
```
#7598a4 rgb(117,152,164)
```
#6c9cad
```
#6c9cad rgb(108,156,173)
```
#63a0b6
```
#63a0b6 rgb(99,160,182)
```
#5aa4bf
```
#5aa4bf rgb(90,164,191)
```
#52a9c7
```
#52a9c7 rgb(82,169,199)
```
#49add0
```
#49add0 rgb(73,173,208)
```
#40b1d9
```
#40b1d9 rgb(64,177,217)
```
#37b5e2
```
#37b5e2 rgb(55,181,226)
```
#2eb9eb
```
#2eb9eb rgb(46,185,235)
```
#26bef3
```
#26bef3 rgb(38,190,243)
```
#1dc2fc
```
#1dc2fc rgb(29,194,252)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#839aa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea7d2 Protanopia 1% of men
#98a7e0 Deuteranopia 1% of men
#37b8c6 Tritanopia 0.001% of the population

Trichromacy

#7babd4 Protanomaly 1% of men, 0.01% of women
#78aadd Deuteranomaly 6% of men, 0.4% of women
#3ab5cd Tritanomaly 0.01% of the population

#40b1d9 hex color

#40b1d9 Color Information

#40b1d9 Color Conversion

Color Schemes with #40b1d9

Alternatives to #40b1d9

#40b1d9 Preview

Shades and Tints of #40b1d9

Tones of #40b1d9

Color Blindness Simulator