#40b4bf hex color

In a RGB color space, hex #40b4bf is composed of 25.1% red, 70.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 5.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 185.2 degrees, a saturation of 49.8% and a lightness of 50%. #40b4bf color hex could be obtained by blending #80ffff with #00697f. Closest websafe color is: #33cccc.

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

● #40b4bf color description : Moderate cyan.

The hexadecimal color #40b4bf has RGB values of R:64, G:180, B:191 and CMYK values of C:0.66, M:0.06, Y:0, K:0.25. Its decimal value is 4240575.

Hex triplet	40b4bf	`#40b4bf`
RGB Decimal	64, 180, 191	`rgb(64,180,191)`
RGB Percent	25.1, 70.6, 74.9	`rgb(25.1%,70.6%,74.9%)`
CMYK	66, 6, 0, 25
HSL	185.2°, 49.8, 50	`hsl(185.2,49.8%,50%)`
HSV (or HSB)	185.2°, 66.5, 74.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.644, -28.491, -15.122
XYZ	27.837, 37.492, 55.057
xyY	0.231, 0.311, 37.492
CIE-LCH	67.644, 32.255, 207.958
CIE-LUV	67.644, -44.351, -19.031
Hunter-Lab	61.23, -26.003, -10.451
Binary	01000000, 10110100, 10111111

#40b4bf
```
#40b4bf rgb(64,180,191)
```
#bf4b40
```
#bf4b40 rgb(191,75,64)
```

Complementary Color

#40bf8b
```
#40bf8b rgb(64,191,139)
```
#40b4bf
```
#40b4bf rgb(64,180,191)
```
#4075bf
```
#4075bf rgb(64,117,191)
```

Analogous Color

#bf8b40
```
#bf8b40 rgb(191,139,64)
```
#40b4bf
```
#40b4bf rgb(64,180,191)
```
#bf4075
```
#bf4075 rgb(191,64,117)
```

Split Complementary Color

#b4bf40
```
#b4bf40 rgb(180,191,64)
```
#40b4bf
```
#40b4bf rgb(64,180,191)
```
#bf40b4
```
#bf40b4 rgb(191,64,180)
```

Triadic Color

#40bf4b
```
#40bf4b rgb(64,191,75)
```
#40b4bf
```
#40b4bf rgb(64,180,191)
```
#bf40b4
```
#bf40b4 rgb(191,64,180)
```
#bf4b40
```
#bf4b40 rgb(191,75,64)
```

Tetradic Color

#2d7e86
```
#2d7e86 rgb(45,126,134)
```
#339099
```
#339099 rgb(51,144,153)
```
#3aa2ac
```
#3aa2ac rgb(58,162,172)
```
#40b4bf
```
#40b4bf rgb(64,180,191)
```
#53bcc5
```
#53bcc5 rgb(83,188,197)
```
#66c3cc
```
#66c3cc rgb(102,195,204)
```
#79cbd2
```
#79cbd2 rgb(121,203,210)
```

Monochromatic Color

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

#40bfaa
```
#40bfaa rgb(64,191,170)
```
#40bfb5
```
#40bfb5 rgb(64,191,181)
```
#40bfbf
```
#40bfbf rgb(64,191,191)
```
#40b4bf
```
#40b4bf rgb(64,180,191)
```
#40a9bf
```
#40a9bf rgb(64,169,191)
```
#409fbf
```
#409fbf rgb(64,159,191)
```
#4094bf
```
#4094bf rgb(64,148,191)
```

Similar Colors

Text with hexadecimal color #40b4bf

This text has a font color of #40b4bf.

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

#40b4bf background color

This paragraph has a background color of #40b4bf.

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

#40b4bf border color

This element has a border color of #40b4bf.

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

CSS codes

.text {color:#40b4bf;}

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

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

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, #050e0f is the darkest color, while #ffffff is the lightest one.

#050e0f
```
#050e0f rgb(5,14,15)
```
#0a1c1d
```
#0a1c1d rgb(10,28,29)
```
#0f2a2c
```
#0f2a2c rgb(15,42,44)
```
#14373b
```
#14373b rgb(20,55,59)
```
#194549
```
#194549 rgb(25,69,73)
```
#1e5358
```
#1e5358 rgb(30,83,88)
```
#226167
```
#226167 rgb(34,97,103)
```
#276f76
```
#276f76 rgb(39,111,118)
```
#2c7d84
```
#2c7d84 rgb(44,125,132)
```
#318a93
```
#318a93 rgb(49,138,147)
```
#3698a2
```
#3698a2 rgb(54,152,162)
```
#3ba6b0
```
#3ba6b0 rgb(59,166,176)
```
#40b4bf
```
#40b4bf rgb(64,180,191)
```

Shade Color Variation

#4fbac4
```
#4fbac4 rgb(79,186,196)
```
#5dc0c9
```
#5dc0c9 rgb(93,192,201)
```
#6cc5ce
```
#6cc5ce rgb(108,197,206)
```
#7bcbd3
```
#7bcbd3 rgb(123,203,211)
```
#89d1d8
```
#89d1d8 rgb(137,209,216)
```
#98d7dd
```
#98d7dd rgb(152,215,221)
```
#a7dce1
```
#a7dce1 rgb(167,220,225)
```
#b6e2e6
```
#b6e2e6 rgb(182,226,230)
```
#c4e8eb
```
#c4e8eb rgb(196,232,235)
```
#d3eef0
```
#d3eef0 rgb(211,238,240)
```
#e2f3f5
```
#e2f3f5 rgb(226,243,245)
```
#f0f9fa
```
#f0f9fa rgb(240,249,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b8384
```
#7b8384 rgb(123,131,132)
```
#718b8e
```
#718b8e rgb(113,139,142)
```
#679498
```
#679498 rgb(103,148,152)
```
#5d9ca2
```
#5d9ca2 rgb(93,156,162)
```
#54a4ab
```
#54a4ab rgb(84,164,171)
```
#4aacb5
```
#4aacb5 rgb(74,172,181)
```
#40b4bf
```
#40b4bf rgb(64,180,191)
```
#36bcc9
```
#36bcc9 rgb(54,188,201)
```
#2cc4d3
```
#2cc4d3 rgb(44,196,211)
```
#23ccdc
```
#23ccdc rgb(35,204,220)
```
#19d4e6
```
#19d4e6 rgb(25,212,230)
```
#0fddf0
```
#0fddf0 rgb(15,221,240)
```
#05e5fa
```
#05e5fa rgb(5,229,250)
```

Tone Color Variation

Below, you can see how #40b4bf 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
#829a9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a8b9 Protanopia 1% of men
#a8a6c8 Deuteranopia 1% of men
#4bb7c4 Tritanopia 0.001% of the population

Trichromacy

#81acbb Protanomaly 1% of men, 0.01% of women
#82abc5 Deuteranomaly 6% of men, 0.4% of women
#47b6c2 Tritanomaly 0.01% of the population

#40b4bf hex color

#40b4bf Color Information

#40b4bf Color Conversion

Color Schemes with #40b4bf

Alternatives to #40b4bf

#40b4bf Preview

Shades and Tints of #40b4bf

Tones of #40b4bf

Color Blindness Simulator