#4ba5bf hex color

In a RGB color space, hex #4ba5bf is composed of 29.4% red, 64.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 13.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 193.4 degrees, a saturation of 47.5% and a lightness of 52.2%. #4ba5bf color hex could be obtained by blending #96ffff with #004b7f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 29
- G 65
- B 75
RGB color chart
- C 61
- M 14
- Y 0
- K 25
CMYK color chart

● #4ba5bf color description : Moderate cyan.

The hexadecimal color #4ba5bf has RGB values of R:75, G:165, B:191 and CMYK values of C:0.61, M:0.14, Y:0, K:0.25. Its decimal value is 4957631.

Hex triplet	4ba5bf	`#4ba5bf`
RGB Decimal	75, 165, 191	`rgb(75,165,191)`
RGB Percent	29.4, 64.7, 74.9	`rgb(29.4%,64.7%,74.9%)`
CMYK	61, 14, 0, 25
HSL	193.4°, 47.5, 52.2	`hsl(193.4,47.5%,52.2%)`
HSV (or HSB)	193.4°, 60.7, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.48, -19.019, -21.411
XYZ	25.758, 32.166, 54.139
xyY	0.23, 0.287, 32.166
CIE-LCH	63.48, 28.638, 228.386
CIE-LUV	63.48, -36.484, -30.273
Hunter-Lab	56.715, -18.182, -16.896
Binary	01001011, 10100101, 10111111

#4ba5bf
```
#4ba5bf rgb(75,165,191)
```
#bf654b
```
#bf654b rgb(191,101,75)
```

Complementary Color

#4bbf9f
```
#4bbf9f rgb(75,191,159)
```
#4ba5bf
```
#4ba5bf rgb(75,165,191)
```
#4b6bbf
```
#4b6bbf rgb(75,107,191)
```

Analogous Color

#bf9f4b
```
#bf9f4b rgb(191,159,75)
```
#4ba5bf
```
#4ba5bf rgb(75,165,191)
```
#bf4b6b
```
#bf4b6b rgb(191,75,107)
```

Split Complementary Color

#a5bf4b
```
#a5bf4b rgb(165,191,75)
```
#4ba5bf
```
#4ba5bf rgb(75,165,191)
```
#bf4ba5
```
#bf4ba5 rgb(191,75,165)
```

Triadic Color

#4bbf65
```
#4bbf65 rgb(75,191,101)
```
#4ba5bf
```
#4ba5bf rgb(75,165,191)
```
#bf4ba5
```
#bf4ba5 rgb(191,75,165)
```
#bf654b
```
#bf654b rgb(191,101,75)
```

Tetradic Color

#32788c
```
#32788c rgb(50,120,140)
```
#38889f
```
#38889f rgb(56,136,159)
```
#3f98b1
```
#3f98b1 rgb(63,152,177)
```
#4ba5bf
```
#4ba5bf rgb(75,165,191)
```
#5eaec6
```
#5eaec6 rgb(94,174,198)
```
#71b8cc
```
#71b8cc rgb(113,184,204)
```
#83c1d3
```
#83c1d3 rgb(131,193,211)
```

Monochromatic Color

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

#4bbfbc
```
#4bbfbc rgb(75,191,188)
```
#4bb8bf
```
#4bb8bf rgb(75,184,191)
```
#4bafbf
```
#4bafbf rgb(75,175,191)
```
#4ba5bf
```
#4ba5bf rgb(75,165,191)
```
#4b9bbf
```
#4b9bbf rgb(75,155,191)
```
#4b92bf
```
#4b92bf rgb(75,146,191)
```
#4b88bf
```
#4b88bf rgb(75,136,191)
```

Similar Colors

Text with hexadecimal color #4ba5bf

This text has a font color of #4ba5bf.

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

#4ba5bf background color

This paragraph has a background color of #4ba5bf.

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

#4ba5bf border color

This element has a border color of #4ba5bf.

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

CSS codes

.text {color:#4ba5bf;}

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

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

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

#030708
```
#030708 rgb(3,7,8)
```
#081317
```
#081317 rgb(8,19,23)
```
#0d2025
```
#0d2025 rgb(13,32,37)
```
#122c34
```
#122c34 rgb(18,44,52)
```
#173842
```
#173842 rgb(23,56,66)
```
#1d4550
```
#1d4550 rgb(29,69,80)
```
#22515f
```
#22515f rgb(34,81,95)
```
#275e6d
```
#275e6d rgb(39,94,109)
```
#2c6a7c
```
#2c6a7c rgb(44,106,124)
```
#31768a
```
#31768a rgb(49,118,138)
```
#368399
```
#368399 rgb(54,131,153)
```
#3b8fa7
```
#3b8fa7 rgb(59,143,167)
```
#419cb6
```
#419cb6 rgb(65,156,182)
```

Shade Color Variation

#4ba5bf
```
#4ba5bf rgb(75,165,191)
```
#59acc4
```
#59acc4 rgb(89,172,196)
```
#68b3c9
```
#68b3c9 rgb(104,179,201)
```
#76bbce
```
#76bbce rgb(118,187,206)
```
#85c2d4
```
#85c2d4 rgb(133,194,212)
```
#93c9d9
```
#93c9d9 rgb(147,201,217)
```
#a2d0de
```
#a2d0de rgb(162,208,222)
```
#b0d8e3
```
#b0d8e3 rgb(176,216,227)
```
#bfdfe8
```
#bfdfe8 rgb(191,223,232)
```
#cde6ed
```
#cde6ed rgb(205,230,237)
```
#dcedf2
```
#dcedf2 rgb(220,237,242)
```
#eaf5f8
```
#eaf5f8 rgb(234,245,248)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838687 is the less saturated color, while #13c4f7 is the most saturated one.

#838687
```
#838687 rgb(131,134,135)
```
#7a8b90
```
#7a8b90 rgb(122,139,144)
```
#719099
```
#719099 rgb(113,144,153)
```
#6795a3
```
#6795a3 rgb(103,149,163)
```
#5e9bac
```
#5e9bac rgb(94,155,172)
```
#54a0b6
```
#54a0b6 rgb(84,160,182)
```
#4ba5bf
```
#4ba5bf rgb(75,165,191)
```
#42aac8
```
#42aac8 rgb(66,170,200)
```
#38afd2
```
#38afd2 rgb(56,175,210)
```
#2fb5db
```
#2fb5db rgb(47,181,219)
```
#25bae5
```
#25bae5 rgb(37,186,229)
```
#1cbfee
```
#1cbfee rgb(28,191,238)
```
#13c4f7
```
#13c4f7 rgb(19,196,247)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#809297 Atypical Achromatopsia 0.001% of the population

Dichromacy

#989dba Protanopia 1% of men
#979cc7 Deuteranopia 1% of men
#4eabb8 Tritanopia 0.001% of the population

Trichromacy

#7ca0bc Protanomaly 1% of men, 0.01% of women
#7b9fc4 Deuteranomaly 6% of men, 0.4% of women
#4da9ba Tritanomaly 0.01% of the population

#4ba5bf hex color

#4ba5bf Color Information

#4ba5bf Color Conversion

Color Schemes with #4ba5bf

Alternatives to #4ba5bf

#4ba5bf Preview

Shades and Tints of #4ba5bf

Tones of #4ba5bf

Color Blindness Simulator