#40b0d6 hex color

In a RGB color space, hex #40b0d6 is composed of 25.1% red, 69% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 17.8% magenta, 0% yellow and 16.1% black. It has a hue angle of 195.2 degrees, a saturation of 64.7% and a lightness of 54.5%. #40b0d6 color hex could be obtained by blending #80ffff with #0061ad. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 69
- B 84
RGB color chart
- C 70
- M 18
- Y 0
- K 16
CMYK color chart

● #40b0d6 color description : Moderate blue.

The hexadecimal color #40b0d6 has RGB values of R:64, G:176, B:214 and CMYK values of C:0.7, M:0.18, Y:0, K:0.16. Its decimal value is 4239574.

Hex triplet	40b0d6	`#40b0d6`
RGB Decimal	64, 176, 214	`rgb(64,176,214)`
RGB Percent	25.1, 69, 83.9	`rgb(25.1%,69%,83.9%)`
CMYK	70, 18, 0, 16
HSL	195.2°, 64.7, 54.5	`hsl(195.2,64.7%,54.5%)`
HSV (or HSB)	195.2°, 70.1, 83.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.272, -19.355, -28.37
XYZ	29.774, 36.993, 69.186
xyY	0.219, 0.272, 36.993
CIE-LCH	67.272, 34.343, 235.697
CIE-LUV	67.272, -41.549, -42.048
Hunter-Lab	60.822, -19.058, -24.868
Binary	01000000, 10110000, 11010110

#40b0d6
```
#40b0d6 rgb(64,176,214)
```
#d66640
```
#d66640 rgb(214,102,64)
```

Complementary Color

#40d6b1
```
#40d6b1 rgb(64,214,177)
```
#40b0d6
```
#40b0d6 rgb(64,176,214)
```
#4065d6
```
#4065d6 rgb(64,101,214)
```

Analogous Color

#d6b140
```
#d6b140 rgb(214,177,64)
```
#40b0d6
```
#40b0d6 rgb(64,176,214)
```
#d64065
```
#d64065 rgb(214,64,101)
```

Split Complementary Color

#b0d640
```
#b0d640 rgb(176,214,64)
```
#40b0d6
```
#40b0d6 rgb(64,176,214)
```
#d640b0
```
#d640b0 rgb(214,64,176)
```

Triadic Color

#40d666
```
#40d666 rgb(64,214,102)
```
#40b0d6
```
#40b0d6 rgb(64,176,214)
```
#d640b0
```
#d640b0 rgb(214,64,176)
```
#d66640
```
#d66640 rgb(214,102,64)
```

Tetradic Color

#2485a6
```
#2485a6 rgb(36,133,166)
```
#2896bb
```
#2896bb rgb(40,150,187)
```
#2da7d0
```
#2da7d0 rgb(45,167,208)
```
#40b0d6
```
#40b0d6 rgb(64,176,214)
```
#55b9db
```
#55b9db rgb(85,185,219)
```
#6ac1df
```
#6ac1df rgb(106,193,223)
```
#7fcae4
```
#7fcae4 rgb(127,202,228)
```

Monochromatic Color

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

#40d6d6
```
#40d6d6 rgb(64,214,214)
```
#40c9d6
```
#40c9d6 rgb(64,201,214)
```
#40bdd6
```
#40bdd6 rgb(64,189,214)
```
#40b0d6
```
#40b0d6 rgb(64,176,214)
```
#40a4d6
```
#40a4d6 rgb(64,164,214)
```
#4097d6
```
#4097d6 rgb(64,151,214)
```
#408bd6
```
#408bd6 rgb(64,139,214)
```

Similar Colors

Text with hexadecimal color #40b0d6

This text has a font color of #40b0d6.

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

#40b0d6 background color

This paragraph has a background color of #40b0d6.

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

#40b0d6 border color

This element has a border color of #40b0d6.

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

CSS codes

.text {color:#40b0d6;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040f13
```
#040f13 rgb(4,15,19)
```
#081c23
```
#081c23 rgb(8,28,35)
```
#0b2933
```
#0b2933 rgb(11,41,51)
```
#0e3643
```
#0e3643 rgb(14,54,67)
```
#124354
```
#124354 rgb(18,67,84)
```
#155064
```
#155064 rgb(21,80,100)
```
#195d74
```
#195d74 rgb(25,93,116)
```
#1c6a84
```
#1c6a84 rgb(28,106,132)
```
#207794
```
#207794 rgb(32,119,148)
```
#2384a4
```
#2384a4 rgb(35,132,164)
```
#2791b4
```
#2791b4 rgb(39,145,180)
```
#2a9dc5
```
#2a9dc5 rgb(42,157,197)
```

Shade Color Variation

#30a9d3
```
#30a9d3 rgb(48,169,211)
```
#40b0d6
```
#40b0d6 rgb(64,176,214)
```
#50b7d9
```
#50b7d9 rgb(80,183,217)
```
#60bddd
```
#60bddd rgb(96,189,221)
```
#70c4e0
```
#70c4e0 rgb(112,196,224)
```
#81cbe4
```
#81cbe4 rgb(129,203,228)
```
#91d1e7
```
#91d1e7 rgb(145,209,231)
```
#a1d8eb
```
#a1d8eb rgb(161,216,235)
```
#b1dfee
```
#b1dfee rgb(177,223,238)
```
#c1e5f2
```
#c1e5f2 rgb(193,229,242)
```
#d1ecf5
```
#d1ecf5 rgb(209,236,245)
```
#e1f3f9
```
#e1f3f9 rgb(225,243,249)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

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

#878d8f
```
#878d8f rgb(135,141,143)
```
#7e9198
```
#7e9198 rgb(126,145,152)
```
#7696a0
```
#7696a0 rgb(118,150,160)
```
#6d9aa9
```
#6d9aa9 rgb(109,154,169)
```
#649eb2
```
#649eb2 rgb(100,158,178)
```
#5ba3bb
```
#5ba3bb rgb(91,163,187)
```
#52a7c4
```
#52a7c4 rgb(82,167,196)
```
#49accd
```
#49accd rgb(73,172,205)
```
#40b0d6
```
#40b0d6 rgb(64,176,214)
```
#37b4df
```
#37b4df rgb(55,180,223)
```
#2eb9e8
```
#2eb9e8 rgb(46,185,232)
```
#25bdf1
```
#25bdf1 rgb(37,189,241)
```
#1cc2fa
```
#1cc2fa rgb(28,194,250)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8299a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da6cf Protanopia 1% of men
#98a6dd Deuteranopia 1% of men
#39b7c5 Tritanopia 0.001% of the population

Trichromacy

#7baad1 Protanomaly 1% of men, 0.01% of women
#78a9da Deuteranomaly 6% of men, 0.4% of women
#3bb4cb Tritanomaly 0.01% of the population

#40b0d6 hex color

#40b0d6 Color Information

#40b0d6 Color Conversion

Color Schemes with #40b0d6

Alternatives to #40b0d6

#40b0d6 Preview

Shades and Tints of #40b0d6

Tones of #40b0d6

Color Blindness Simulator