#4ba7bd hex color

In a RGB color space, hex #4ba7bd is composed of 29.4% red, 65.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 11.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 191.6 degrees, a saturation of 46.3% and a lightness of 51.8%. #4ba7bd color hex could be obtained by blending #96ffff with #004f7b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 29
- G 65
- B 74
RGB color chart
- C 60
- M 12
- Y 0
- K 26
CMYK color chart

● #4ba7bd color description : Moderate cyan.

The hexadecimal color #4ba7bd has RGB values of R:75, G:167, B:189 and CMYK values of C:0.6, M:0.12, Y:0, K:0.26. Its decimal value is 4958141.

Hex triplet	4ba7bd	`#4ba7bd`
RGB Decimal	75, 167, 189	`rgb(75,167,189)`
RGB Percent	29.4, 65.5, 74.1	`rgb(29.4%,65.5%,74.1%)`
CMYK	60, 12, 0, 26
HSL	191.6°, 46.3, 51.8	`hsl(191.6,46.3%,51.8%)`
HSV (or HSB)	191.6°, 60.3, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.003, -20.669, -19.497
XYZ	25.903, 32.805, 53.108
xyY	0.232, 0.293, 32.805
CIE-LCH	64.003, 28.414, 223.329
CIE-LUV	64.003, -37.328, -26.976
Hunter-Lab	57.276, -19.506, -14.882
Binary	01001011, 10100111, 10111101

#4ba7bd
```
#4ba7bd rgb(75,167,189)
```
#bd614b
```
#bd614b rgb(189,97,75)
```

Complementary Color

#4bbd9a
```
#4bbd9a rgb(75,189,154)
```
#4ba7bd
```
#4ba7bd rgb(75,167,189)
```
#4b6ebd
```
#4b6ebd rgb(75,110,189)
```

Analogous Color

#bd9a4b
```
#bd9a4b rgb(189,154,75)
```
#4ba7bd
```
#4ba7bd rgb(75,167,189)
```
#bd4b6e
```
#bd4b6e rgb(189,75,110)
```

Split Complementary Color

#a7bd4b
```
#a7bd4b rgb(167,189,75)
```
#4ba7bd
```
#4ba7bd rgb(75,167,189)
```
#bd4ba7
```
#bd4ba7 rgb(189,75,167)
```

Triadic Color

#4bbd61
```
#4bbd61 rgb(75,189,97)
```
#4ba7bd
```
#4ba7bd rgb(75,167,189)
```
#bd4ba7
```
#bd4ba7 rgb(189,75,167)
```
#bd614b
```
#bd614b rgb(189,97,75)
```

Tetradic Color

#327889
```
#327889 rgb(50,120,137)
```
#39899c
```
#39899c rgb(57,137,156)
```
#4099af
```
#4099af rgb(64,153,175)
```
#4ba7bd
```
#4ba7bd rgb(75,167,189)
```
#5eb0c4
```
#5eb0c4 rgb(94,176,196)
```
#70b9cb
```
#70b9cb rgb(112,185,203)
```
#83c2d2
```
#83c2d2 rgb(131,194,210)
```

Monochromatic Color

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

#4bbdb7
```
#4bbdb7 rgb(75,189,183)
```
#4bbabd
```
#4bbabd rgb(75,186,189)
```
#4bb1bd
```
#4bb1bd rgb(75,177,189)
```
#4ba7bd
```
#4ba7bd rgb(75,167,189)
```
#4b9ebd
```
#4b9ebd rgb(75,158,189)
```
#4b94bd
```
#4b94bd rgb(75,148,189)
```
#4b8bbd
```
#4b8bbd rgb(75,139,189)
```

Similar Colors

Text with hexadecimal color #4ba7bd

This text has a font color of #4ba7bd.

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

#4ba7bd background color

This paragraph has a background color of #4ba7bd.

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

#4ba7bd border color

This element has a border color of #4ba7bd.

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

CSS codes

.text {color:#4ba7bd;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#081215
```
#081215 rgb(8,18,21)
```
#0d1f23
```
#0d1f23 rgb(13,31,35)
```
#122c32
```
#122c32 rgb(18,44,50)
```
#173840
```
#173840 rgb(23,56,64)
```
#1d454e
```
#1d454e rgb(29,69,78)
```
#22515d
```
#22515d rgb(34,81,93)
```
#275e6b
```
#275e6b rgb(39,94,107)
```
#2d6b79
```
#2d6b79 rgb(45,107,121)
```
#327788
```
#327788 rgb(50,119,136)
```
#378496
```
#378496 rgb(55,132,150)
```
#3c90a4
```
#3c90a4 rgb(60,144,164)
```
#429db3
```
#429db3 rgb(66,157,179)
```

Shade Color Variation

#4ba7bd
```
#4ba7bd rgb(75,167,189)
```
#59aec2
```
#59aec2 rgb(89,174,194)
```
#68b5c8
```
#68b5c8 rgb(104,181,200)
```
#76bccd
```
#76bccd rgb(118,188,205)
```
#84c3d2
```
#84c3d2 rgb(132,195,210)
```
#93cad7
```
#93cad7 rgb(147,202,215)
```
#a1d1dd
```
#a1d1dd rgb(161,209,221)
```
#afd8e2
```
#afd8e2 rgb(175,216,226)
```
#bedfe7
```
#bedfe7 rgb(190,223,231)
```
#cce6ec
```
#cce6ec rgb(204,230,236)
```
#dbedf2
```
#dbedf2 rgb(219,237,242)
```
#e9f4f7
```
#e9f4f7 rgb(233,244,247)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

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

#848484
```
#848484 rgb(132,132,132)
```
#7a8a8e
```
#7a8a8e rgb(122,138,142)
```
#719097
```
#719097 rgb(113,144,151)
```
#6796a1
```
#6796a1 rgb(103,150,161)
```
#5e9baa
```
#5e9baa rgb(94,155,170)
```
#54a1b4
```
#54a1b4 rgb(84,161,180)
```
#4ba7bd
```
#4ba7bd rgb(75,167,189)
```
#42adc6
```
#42adc6 rgb(66,173,198)
```
#38b3d0
```
#38b3d0 rgb(56,179,208)
```
#2fb8d9
```
#2fb8d9 rgb(47,184,217)
```
#25bee3
```
#25bee3 rgb(37,190,227)
```
#1cc4ec
```
#1cc4ec rgb(28,196,236)
```
#12caf6
```
#12caf6 rgb(18,202,246)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#819397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9fb8 Protanopia 1% of men
#9a9dc5 Deuteranopia 1% of men
#50acb9 Tritanopia 0.001% of the population

Trichromacy

#7da1ba Protanomaly 1% of men, 0.01% of women
#7da0c2 Deuteranomaly 6% of men, 0.4% of women
#4eaaba Tritanomaly 0.01% of the population

#4ba7bd hex color

#4ba7bd Color Information

#4ba7bd Color Conversion

Color Schemes with #4ba7bd

Alternatives to #4ba7bd

#4ba7bd Preview

Shades and Tints of #4ba7bd

Tones of #4ba7bd

Color Blindness Simulator