#40b2bd hex color

In a RGB color space, hex #40b2bd is composed of 25.1% red, 69.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 5.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 185.3 degrees, a saturation of 49.4% and a lightness of 49.6%. #40b2bd color hex could be obtained by blending #80ffff with #00657b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 70
- B 74
RGB color chart
- C 66
- M 6
- Y 0
- K 26
CMYK color chart

● #40b2bd color description : Moderate cyan.

The hexadecimal color #40b2bd has RGB values of R:64, G:178, B:189 and CMYK values of C:0.66, M:0.06, Y:0, K:0.26. Its decimal value is 4240061.

Hex triplet	40b2bd	`#40b2bd`
RGB Decimal	64, 178, 189	`rgb(64,178,189)`
RGB Percent	25.1, 69.8, 74.1	`rgb(25.1%,69.8%,74.1%)`
CMYK	66, 6, 0, 26
HSL	185.3°, 49.4, 49.6	`hsl(185.3,49.4%,49.6%)`
HSV (or HSB)	185.3°, 66.1, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.978, -28.099, -15.021
XYZ	27.217, 36.603, 53.772
xyY	0.231, 0.311, 36.603
CIE-LCH	66.978, 31.862, 208.128
CIE-LUV	66.978, -43.74, -18.898
Hunter-Lab	60.5, -25.573, -10.346
Binary	01000000, 10110010, 10111101

#40b2bd
```
#40b2bd rgb(64,178,189)
```
#bd4b40
```
#bd4b40 rgb(189,75,64)
```

Complementary Color

#40bd8a
```
#40bd8a rgb(64,189,138)
```
#40b2bd
```
#40b2bd rgb(64,178,189)
```
#4074bd
```
#4074bd rgb(64,116,189)
```

Analogous Color

#bd8a40
```
#bd8a40 rgb(189,138,64)
```
#40b2bd
```
#40b2bd rgb(64,178,189)
```
#bd4074
```
#bd4074 rgb(189,64,116)
```

Split Complementary Color

#b2bd40
```
#b2bd40 rgb(178,189,64)
```
#40b2bd
```
#40b2bd rgb(64,178,189)
```
#bd40b2
```
#bd40b2 rgb(189,64,178)
```

Triadic Color

#40bd4b
```
#40bd4b rgb(64,189,75)
```
#40b2bd
```
#40b2bd rgb(64,178,189)
```
#bd40b2
```
#bd40b2 rgb(189,64,178)
```
#bd4b40
```
#bd4b40 rgb(189,75,64)
```

Tetradic Color

#2d7c84
```
#2d7c84 rgb(45,124,132)
```
#338e97
```
#338e97 rgb(51,142,151)
```
#3aa0aa
```
#3aa0aa rgb(58,160,170)
```
#40b2bd
```
#40b2bd rgb(64,178,189)
```
#52bac4
```
#52bac4 rgb(82,186,196)
```
#65c2cb
```
#65c2cb rgb(101,194,203)
```
#78c9d1
```
#78c9d1 rgb(120,201,209)
```

Monochromatic Color

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

#40bda9
```
#40bda9 rgb(64,189,169)
```
#40bdb3
```
#40bdb3 rgb(64,189,179)
```
#40bcbd
```
#40bcbd rgb(64,188,189)
```
#40b2bd
```
#40b2bd rgb(64,178,189)
```
#40a8bd
```
#40a8bd rgb(64,168,189)
```
#409dbd
```
#409dbd rgb(64,157,189)
```
#4093bd
```
#4093bd rgb(64,147,189)
```

Similar Colors

Text with hexadecimal color #40b2bd

This text has a font color of #40b2bd.

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

#40b2bd background color

This paragraph has a background color of #40b2bd.

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

#40b2bd border color

This element has a border color of #40b2bd.

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

CSS codes

.text {color:#40b2bd;}

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

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

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, #040c0d is the darkest color, while #fefefe is the lightest one.

#040c0d
```
#040c0d rgb(4,12,13)
```
#091a1c
```
#091a1c rgb(9,26,28)
```
#0e282a
```
#0e282a rgb(14,40,42)
```
#133639
```
#133639 rgb(19,54,57)
```
#184448
```
#184448 rgb(24,68,72)
```
#1d5156
```
#1d5156 rgb(29,81,86)
```
#225f65
```
#225f65 rgb(34,95,101)
```
#276d74
```
#276d74 rgb(39,109,116)
```
#2c7b82
```
#2c7b82 rgb(44,123,130)
```
#318991
```
#318991 rgb(49,137,145)
```
#3696a0
```
#3696a0 rgb(54,150,160)
```
#3ba4ae
```
#3ba4ae rgb(59,164,174)
```
#40b2bd
```
#40b2bd rgb(64,178,189)
```

Shade Color Variation

#4eb9c3
```
#4eb9c3 rgb(78,185,195)
```
#5cbec8
```
#5cbec8 rgb(92,190,200)
```
#6bc4cd
```
#6bc4cd rgb(107,196,205)
```
#7acad2
```
#7acad2 rgb(122,202,210)
```
#88d0d7
```
#88d0d7 rgb(136,208,215)
```
#97d6dc
```
#97d6dc rgb(151,214,220)
```
#a6dce1
```
#a6dce1 rgb(166,220,225)
```
#b4e1e6
```
#b4e1e6 rgb(180,225,230)
```
#c3e7eb
```
#c3e7eb rgb(195,231,235)
```
#d2edf0
```
#d2edf0 rgb(210,237,240)
```
#e0f3f5
```
#e0f3f5 rgb(224,243,245)
```
#eff9fa
```
#eff9fa rgb(239,249,250)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8283 is the less saturated color, while #06e2f7 is the most saturated one.

#7a8283
```
#7a8283 rgb(122,130,131)
```
#718a8c
```
#718a8c rgb(113,138,140)
```
#679296
```
#679296 rgb(103,146,150)
```
#5d9aa0
```
#5d9aa0 rgb(93,154,160)
```
#53a2aa
```
#53a2aa rgb(83,162,170)
```
#4aaab3
```
#4aaab3 rgb(74,170,179)
```
#40b2bd
```
#40b2bd rgb(64,178,189)
```
#36bac7
```
#36bac7 rgb(54,186,199)
```
#2dc2d0
```
#2dc2d0 rgb(45,194,208)
```
#23cada
```
#23cada rgb(35,202,218)
```
#19d2e4
```
#19d2e4 rgb(25,210,228)
```
#0fdaee
```
#0fdaee rgb(15,218,238)
```
#06e2f7
```
#06e2f7 rgb(6,226,247)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#81989a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a6b7 Protanopia 1% of men
#a6a4c7 Deuteranopia 1% of men
#4bb5c2 Tritanopia 0.001% of the population

Trichromacy

#80aab9 Protanomaly 1% of men, 0.01% of women
#81a9c3 Deuteranomaly 6% of men, 0.4% of women
#47b4c0 Tritanomaly 0.01% of the population

#40b2bd hex color

#40b2bd Color Information

#40b2bd Color Conversion

Color Schemes with #40b2bd

Alternatives to #40b2bd

#40b2bd Preview

Shades and Tints of #40b2bd

Tones of #40b2bd

Color Blindness Simulator