#40b2bf hex color

In a RGB color space, hex #40b2bf is composed of 25.1% red, 69.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 6.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 186.1 degrees, a saturation of 49.8% and a lightness of 50%. #40b2bf color hex could be obtained by blending #80ffff with #00657f. Closest websafe color is: #3399cc.

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

● #40b2bf color description : Moderate cyan.

The hexadecimal color #40b2bf has RGB values of R:64, G:178, B:191 and CMYK values of C:0.66, M:0.07, Y:0, K:0.25. Its decimal value is 4240063.

Hex triplet	40b2bf	`#40b2bf`
RGB Decimal	64, 178, 191	`rgb(64,178,191)`
RGB Percent	25.1, 69.8, 74.9	`rgb(25.1%,69.8%,74.9%)`
CMYK	66, 7, 0, 25
HSL	186.1°, 49.8, 50	`hsl(186.1,49.8%,50%)`
HSV (or HSB)	186.1°, 66.5, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.044, -27.504, -16.028
XYZ	27.436, 36.69, 54.923
xyY	0.23, 0.308, 36.69
CIE-LCH	67.044, 31.833, 210.232
CIE-LUV	67.044, -43.62, -20.606
Hunter-Lab	60.572, -25.151, -11.36
Binary	01000000, 10110010, 10111111

#40b2bf
```
#40b2bf rgb(64,178,191)
```
#bf4d40
```
#bf4d40 rgb(191,77,64)
```

Complementary Color

#40bf8d
```
#40bf8d rgb(64,191,141)
```
#40b2bf
```
#40b2bf rgb(64,178,191)
```
#4073bf
```
#4073bf rgb(64,115,191)
```

Analogous Color

#bf8d40
```
#bf8d40 rgb(191,141,64)
```
#40b2bf
```
#40b2bf rgb(64,178,191)
```
#bf4073
```
#bf4073 rgb(191,64,115)
```

Split Complementary Color

#b2bf40
```
#b2bf40 rgb(178,191,64)
```
#40b2bf
```
#40b2bf rgb(64,178,191)
```
#bf40b2
```
#bf40b2 rgb(191,64,178)
```

Triadic Color

#40bf4d
```
#40bf4d rgb(64,191,77)
```
#40b2bf
```
#40b2bf rgb(64,178,191)
```
#bf40b2
```
#bf40b2 rgb(191,64,178)
```
#bf4d40
```
#bf4d40 rgb(191,77,64)
```

Tetradic Color

#2d7d86
```
#2d7d86 rgb(45,125,134)
```
#338e99
```
#338e99 rgb(51,142,153)
```
#3aa0ac
```
#3aa0ac rgb(58,160,172)
```
#40b2bf
```
#40b2bf rgb(64,178,191)
```
#53bac5
```
#53bac5 rgb(83,186,197)
```
#66c1cc
```
#66c1cc rgb(102,193,204)
```
#79c9d2
```
#79c9d2 rgb(121,201,210)
```

Monochromatic Color

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

#40bfac
```
#40bfac rgb(64,191,172)
```
#40bfb7
```
#40bfb7 rgb(64,191,183)
```
#40bdbf
```
#40bdbf rgb(64,189,191)
```
#40b2bf
```
#40b2bf rgb(64,178,191)
```
#40a7bf
```
#40a7bf rgb(64,167,191)
```
#409dbf
```
#409dbf rgb(64,157,191)
```
#4092bf
```
#4092bf rgb(64,146,191)
```

Similar Colors

Text with hexadecimal color #40b2bf

This text has a font color of #40b2bf.

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

#40b2bf background color

This paragraph has a background color of #40b2bf.

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

#40b2bf border color

This element has a border color of #40b2bf.

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

CSS codes

.text {color:#40b2bf;}

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

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

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)
```
#0a1b1d
```
#0a1b1d rgb(10,27,29)
```
#0f292c
```
#0f292c rgb(15,41,44)
```
#14373b
```
#14373b rgb(20,55,59)
```
#194449
```
#194449 rgb(25,68,73)
```
#1e5258
```
#1e5258 rgb(30,82,88)
```
#226067
```
#226067 rgb(34,96,103)
```
#276e76
```
#276e76 rgb(39,110,118)
```
#2c7b84
```
#2c7b84 rgb(44,123,132)
```
#318993
```
#318993 rgb(49,137,147)
```
#3697a2
```
#3697a2 rgb(54,151,162)
```
#3ba4b0
```
#3ba4b0 rgb(59,164,176)
```
#40b2bf
```
#40b2bf rgb(64,178,191)
```

Shade Color Variation

#4fb8c4
```
#4fb8c4 rgb(79,184,196)
```
#5dbec9
```
#5dbec9 rgb(93,190,201)
```
#6cc4ce
```
#6cc4ce rgb(108,196,206)
```
#7bcad3
```
#7bcad3 rgb(123,202,211)
```
#89d0d8
```
#89d0d8 rgb(137,208,216)
```
#98d6dd
```
#98d6dd rgb(152,214,221)
```
#a7dbe1
```
#a7dbe1 rgb(167,219,225)
```
#b6e1e6
```
#b6e1e6 rgb(182,225,230)
```
#c4e7eb
```
#c4e7eb rgb(196,231,235)
```
#d3edf0
```
#d3edf0 rgb(211,237,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 #05e1fa is the most saturated one.

#7b8384
```
#7b8384 rgb(123,131,132)
```
#718b8e
```
#718b8e rgb(113,139,142)
```
#679398
```
#679398 rgb(103,147,152)
```
#5d9ba2
```
#5d9ba2 rgb(93,155,162)
```
#54a2ab
```
#54a2ab rgb(84,162,171)
```
#4aaab5
```
#4aaab5 rgb(74,170,181)
```
#40b2bf
```
#40b2bf rgb(64,178,191)
```
#36bac9
```
#36bac9 rgb(54,186,201)
```
#2cc2d3
```
#2cc2d3 rgb(44,194,211)
```
#23c9dc
```
#23c9dc rgb(35,201,220)
```
#19d1e6
```
#19d1e6 rgb(25,209,230)
```
#0fd9f0
```
#0fd9f0 rgb(15,217,240)
```
#05e1fa
```
#05e1fa rgb(5,225,250)
```

Tone Color Variation

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

#a5a6b9 Protanopia 1% of men
#a6a4c8 Deuteranopia 1% of men
#4ab5c3 Tritanopia 0.001% of the population

Trichromacy

#80aabb Protanomaly 1% of men, 0.01% of women
#80a9c5 Deuteranomaly 6% of men, 0.4% of women
#46b4c1 Tritanomaly 0.01% of the population

#40b2bf hex color

#40b2bf Color Information

#40b2bf Color Conversion

Color Schemes with #40b2bf

Alternatives to #40b2bf

#40b2bf Preview

Shades and Tints of #40b2bf

Tones of #40b2bf

Color Blindness Simulator