#4bb4ba hex color

In a RGB color space, hex #4bb4ba is composed of 29.4% red, 70.6% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 3.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 183.2 degrees, a saturation of 44.6% and a lightness of 51.2%. #4bb4ba color hex could be obtained by blending #96ffff with #006975. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 29
- G 71
- B 73
RGB color chart
- C 60
- M 3
- Y 0
- K 27
CMYK color chart

● #4bb4ba color description : Moderate cyan.

The hexadecimal color #4bb4ba has RGB values of R:75, G:180, B:186 and CMYK values of C:0.6, M:0.03, Y:0, K:0.27. Its decimal value is 4961466.

Hex triplet	4bb4ba	`#4bb4ba`
RGB Decimal	75, 180, 186	`rgb(75,180,186)`
RGB Percent	29.4, 70.6, 72.9	`rgb(29.4%,70.6%,72.9%)`
CMYK	60, 3, 0, 27
HSL	183.2°, 44.6, 51.2	`hsl(183.2,44.6%,51.2%)`
HSV (or HSB)	183.2°, 59.7, 72.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.785, -28.12, -12.119
XYZ	28.083, 37.681, 52.245
xyY	0.238, 0.319, 37.681
CIE-LCH	67.785, 30.621, 203.314
CIE-LUV	67.785, -42.359, -14.261
Hunter-Lab	61.385, -25.761, -7.492
Binary	01001011, 10110100, 10111010

#4bb4ba
```
#4bb4ba rgb(75,180,186)
```
#ba514b
```
#ba514b rgb(186,81,75)
```

Complementary Color

#4bba89
```
#4bba89 rgb(75,186,137)
```
#4bb4ba
```
#4bb4ba rgb(75,180,186)
```
#4b7dba
```
#4b7dba rgb(75,125,186)
```

Analogous Color

#ba894b
```
#ba894b rgb(186,137,75)
```
#4bb4ba
```
#4bb4ba rgb(75,180,186)
```
#ba4b7d
```
#ba4b7d rgb(186,75,125)
```

Split Complementary Color

#b4ba4b
```
#b4ba4b rgb(180,186,75)
```
#4bb4ba
```
#4bb4ba rgb(75,180,186)
```
#ba4bb4
```
#ba4bb4 rgb(186,75,180)
```

Triadic Color

#4bba51
```
#4bba51 rgb(75,186,81)
```
#4bb4ba
```
#4bb4ba rgb(75,180,186)
```
#ba4bb4
```
#ba4bb4 rgb(186,75,180)
```
#ba514b
```
#ba514b rgb(186,81,75)
```

Tetradic Color

#338185
```
#338185 rgb(51,129,133)
```
#3a9398
```
#3a9398 rgb(58,147,152)
```
#41a5aa
```
#41a5aa rgb(65,165,170)
```
#4bb4ba
```
#4bb4ba rgb(75,180,186)
```
#5dbcc1
```
#5dbcc1 rgb(93,188,193)
```
#70c3c8
```
#70c3c8 rgb(112,195,200)
```
#82cbcf
```
#82cbcf rgb(130,203,207)
```

Monochromatic Color

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

#4bbaa4
```
#4bbaa4 rgb(75,186,164)
```
#4bbaae
```
#4bbaae rgb(75,186,174)
```
#4bbab7
```
#4bbab7 rgb(75,186,183)
```
#4bb4ba
```
#4bb4ba rgb(75,180,186)
```
#4babba
```
#4babba rgb(75,171,186)
```
#4ba2ba
```
#4ba2ba rgb(75,162,186)
```
#4b98ba
```
#4b98ba rgb(75,152,186)
```

Similar Colors

Text with hexadecimal color #4bb4ba

This text has a font color of #4bb4ba.

<span style="color:#4bb4ba;">Text here</span>

#4bb4ba background color

This paragraph has a background color of #4bb4ba.

<p style="background-color:#4bb4ba;">Content here</p>

#4bb4ba border color

This element has a border color of #4bb4ba.

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

CSS codes

.text {color:#4bb4ba;}

.background {background-color:#4bb4ba;}

.border {border:1px solid #4bb4ba;}

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

#020404
```
#020404 rgb(2,4,4)
```
#071213
```
#071213 rgb(7,18,19)
```
#0d2021
```
#0d2021 rgb(13,32,33)
```
#122d2f
```
#122d2f rgb(18,45,47)
```
#173b3d
```
#173b3d rgb(23,59,61)
```
#1d494b
```
#1d494b rgb(29,73,75)
```
#225659
```
#225659 rgb(34,86,89)
```
#286468
```
#286468 rgb(40,100,104)
```
#2d7276
```
#2d7276 rgb(45,114,118)
```
#338084
```
#338084 rgb(51,128,132)
```
#388d92
```
#388d92 rgb(56,141,146)
```
#3d9ba0
```
#3d9ba0 rgb(61,155,160)
```
#43a9ae
```
#43a9ae rgb(67,169,174)
```

Shade Color Variation

#4bb4ba
```
#4bb4ba rgb(75,180,186)
```
#59babf
```
#59babf rgb(89,186,191)
```
#67c0c5
```
#67c0c5 rgb(103,192,197)
```
#76c6ca
```
#76c6ca rgb(118,198,202)
```
#84ccd0
```
#84ccd0 rgb(132,204,208)
```
#92d2d5
```
#92d2d5 rgb(146,210,213)
```
#a0d7db
```
#a0d7db rgb(160,215,219)
```
#aedde0
```
#aedde0 rgb(174,221,224)
```
#bce3e5
```
#bce3e5 rgb(188,227,229)
```
#cbe9eb
```
#cbe9eb rgb(203,233,235)
```
#d9eff0
```
#d9eff0 rgb(217,239,240)
```
#e7f5f6
```
#e7f5f6 rgb(231,245,246)
```
#f5fbfb
```
#f5fbfb rgb(245,251,251)
```

Tint Color Variation

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

#7b898a
```
#7b898a rgb(123,137,138)
```
#719294
```
#719294 rgb(113,146,148)
```
#689a9d
```
#689a9d rgb(104,154,157)
```
#5ea3a7
```
#5ea3a7 rgb(94,163,167)
```
#55abb0
```
#55abb0 rgb(85,171,176)
```
#4bb4ba
```
#4bb4ba rgb(75,180,186)
```
#41bdc4
```
#41bdc4 rgb(65,189,196)
```
#38c5cd
```
#38c5cd rgb(56,197,205)
```
#2eced7
```
#2eced7 rgb(46,206,215)
```
#25d6e0
```
#25d6e0 rgb(37,214,224)
```
#1bdfea
```
#1bdfea rgb(27,223,234)
```
#12e7f3
```
#12e7f3 rgb(18,231,243)
```
#08f0fd
```
#08f0fd rgb(8,240,253)
```

Tone Color Variation

Below, you can see how #4bb4ba 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

#959595 Achromatopsia 0.005% of the population
#869b9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a8b4 Protanopia 1% of men
#aca6c4 Deuteranopia 1% of men
#57b6c4 Tritanopia 0.001% of the population

Trichromacy

#86acb6 Protanomaly 1% of men, 0.01% of women
#88abc0 Deuteranomaly 6% of men, 0.4% of women
#53b5c0 Tritanomaly 0.01% of the population

#4bb4ba hex color

#4bb4ba Color Information

#4bb4ba Color Conversion

Color Schemes with #4bb4ba

Alternatives to #4bb4ba

#4bb4ba Preview

Shades and Tints of #4bb4ba

Tones of #4bb4ba

Color Blindness Simulator