#4ba2bf hex color

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

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

● #4ba2bf color description : Moderate blue.

The hexadecimal color #4ba2bf has RGB values of R:75, G:162, B:191 and CMYK values of C:0.61, M:0.15, Y:0, K:0.25. Its decimal value is 4956863.

Hex triplet	4ba2bf	`#4ba2bf`
RGB Decimal	75, 162, 191	`rgb(75,162,191)`
RGB Percent	29.4, 63.5, 74.9	`rgb(29.4%,63.5%,74.9%)`
CMYK	61, 15, 0, 25
HSL	195°, 47.5, 52.2	`hsl(195,47.5%,52.2%)`
HSV (or HSB)	195°, 60.7, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.589, -17.434, -22.773
XYZ	25.223, 31.096, 53.96
xyY	0.229, 0.282, 31.096
CIE-LCH	62.589, 28.68, 232.564
CIE-LUV	62.589, -35.362, -32.636
Hunter-Lab	55.764, -16.847, -18.337
Binary	01001011, 10100010, 10111111

#4ba2bf
```
#4ba2bf rgb(75,162,191)
```
#bf684b
```
#bf684b rgb(191,104,75)
```

Complementary Color

#4bbfa2
```
#4bbfa2 rgb(75,191,162)
```
#4ba2bf
```
#4ba2bf rgb(75,162,191)
```
#4b68bf
```
#4b68bf rgb(75,104,191)
```

Analogous Color

#bfa24b
```
#bfa24b rgb(191,162,75)
```
#4ba2bf
```
#4ba2bf rgb(75,162,191)
```
#bf4b68
```
#bf4b68 rgb(191,75,104)
```

Split Complementary Color

#a2bf4b
```
#a2bf4b rgb(162,191,75)
```
#4ba2bf
```
#4ba2bf rgb(75,162,191)
```
#bf4ba2
```
#bf4ba2 rgb(191,75,162)
```

Triadic Color

#4bbf68
```
#4bbf68 rgb(75,191,104)
```
#4ba2bf
```
#4ba2bf rgb(75,162,191)
```
#bf4ba2
```
#bf4ba2 rgb(191,75,162)
```
#bf684b
```
#bf684b rgb(191,104,75)
```

Tetradic Color

#32758c
```
#32758c rgb(50,117,140)
```
#38859f
```
#38859f rgb(56,133,159)
```
#3f95b1
```
#3f95b1 rgb(63,149,177)
```
#4ba2bf
```
#4ba2bf rgb(75,162,191)
```
#5eacc6
```
#5eacc6 rgb(94,172,198)
```
#71b5cc
```
#71b5cc rgb(113,181,204)
```
#83bfd3
```
#83bfd3 rgb(131,191,211)
```

Monochromatic Color

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

#4bbfbf
```
#4bbfbf rgb(75,191,191)
```
#4bb5bf
```
#4bb5bf rgb(75,181,191)
```
#4bacbf
```
#4bacbf rgb(75,172,191)
```
#4ba2bf
```
#4ba2bf rgb(75,162,191)
```
#4b98bf
```
#4b98bf rgb(75,152,191)
```
#4b8fbf
```
#4b8fbf rgb(75,143,191)
```
#4b85bf
```
#4b85bf rgb(75,133,191)
```

Similar Colors

Text with hexadecimal color #4ba2bf

This text has a font color of #4ba2bf.

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

#4ba2bf background color

This paragraph has a background color of #4ba2bf.

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

#4ba2bf border color

This element has a border color of #4ba2bf.

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

CSS codes

.text {color:#4ba2bf;}

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

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

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)
```
#0d1f25
```
#0d1f25 rgb(13,31,37)
```
#122b34
```
#122b34 rgb(18,43,52)
```
#173742
```
#173742 rgb(23,55,66)
```
#1d4450
```
#1d4450 rgb(29,68,80)
```
#22505f
```
#22505f rgb(34,80,95)
```
#275c6d
```
#275c6d rgb(39,92,109)
```
#2c687c
```
#2c687c rgb(44,104,124)
```
#31748a
```
#31748a rgb(49,116,138)
```
#368099
```
#368099 rgb(54,128,153)
```
#3b8ca7
```
#3b8ca7 rgb(59,140,167)
```
#4198b6
```
#4198b6 rgb(65,152,182)
```

Shade Color Variation

#4ba2bf
```
#4ba2bf rgb(75,162,191)
```
#59a9c4
```
#59a9c4 rgb(89,169,196)
```
#68b1c9
```
#68b1c9 rgb(104,177,201)
```
#76b8ce
```
#76b8ce rgb(118,184,206)
```
#85c0d4
```
#85c0d4 rgb(133,192,212)
```
#93c7d9
```
#93c7d9 rgb(147,199,217)
```
#a2cfde
```
#a2cfde rgb(162,207,222)
```
#b0d6e3
```
#b0d6e3 rgb(176,214,227)
```
#bfdee8
```
#bfdee8 rgb(191,222,232)
```
#cde5ed
```
#cde5ed rgb(205,229,237)
```
#dcedf2
```
#dcedf2 rgb(220,237,242)
```
#eaf4f8
```
#eaf4f8 rgb(234,244,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 #13bef7 is the most saturated one.

#838687
```
#838687 rgb(131,134,135)
```
#7a8b90
```
#7a8b90 rgb(122,139,144)
```
#718f99
```
#718f99 rgb(113,143,153)
```
#6794a3
```
#6794a3 rgb(103,148,163)
```
#5e99ac
```
#5e99ac rgb(94,153,172)
```
#549db6
```
#549db6 rgb(84,157,182)
```
#4ba2bf
```
#4ba2bf rgb(75,162,191)
```
#42a7c8
```
#42a7c8 rgb(66,167,200)
```
#38abd2
```
#38abd2 rgb(56,171,210)
```
#2fb0db
```
#2fb0db rgb(47,176,219)
```
#25b5e5
```
#25b5e5 rgb(37,181,229)
```
#1cb9ee
```
#1cb9ee rgb(28,185,238)
```
#13bef7
```
#13bef7 rgb(19,190,247)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7e9095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959bbb Protanopia 1% of men
#939ac7 Deuteranopia 1% of men
#4da9b5 Tritanopia 0.001% of the population

Trichromacy

#7a9dbc Protanomaly 1% of men, 0.01% of women
#789dc4 Deuteranomaly 6% of men, 0.4% of women
#4ca6b8 Tritanomaly 0.01% of the population

#4ba2bf hex color

#4ba2bf Color Information

#4ba2bf Color Conversion

Color Schemes with #4ba2bf

Alternatives to #4ba2bf

#4ba2bf Preview

Shades and Tints of #4ba2bf

Tones of #4ba2bf

Color Blindness Simulator