#4fb5bd hex color

In a RGB color space, hex #4fb5bd is composed of 31% red, 71% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 4.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 184.4 degrees, a saturation of 45.5% and a lightness of 52.5%. #4fb5bd color hex could be obtained by blending #9effff with #006b7b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 31
- G 71
- B 74
RGB color chart
- C 58
- M 4
- Y 0
- K 26
CMYK color chart

● #4fb5bd color description : Moderate cyan.

The hexadecimal color #4fb5bd has RGB values of R:79, G:181, B:189 and CMYK values of C:0.58, M:0.04, Y:0, K:0.26. Its decimal value is 5223869.

Hex triplet	4fb5bd	`#4fb5bd`
RGB Decimal	79, 181, 189	`rgb(79,181,189)`
RGB Percent	31, 71, 74.1	`rgb(31%,71%,74.1%)`
CMYK	58, 4, 0, 26
HSL	184.4°, 45.5, 52.5	`hsl(184.4,45.5%,52.5%)`
HSV (or HSB)	184.4°, 58.2, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	68.301, -27.027, -12.988
XYZ	28.931, 38.382, 54.025
xyY	0.238, 0.316, 38.382
CIE-LCH	68.301, 29.986, 205.666
CIE-LUV	68.301, -41.651, -15.81
Hunter-Lab	61.953, -25.062, -8.336
Binary	01001111, 10110101, 10111101

#4fb5bd
```
#4fb5bd rgb(79,181,189)
```
#bd574f
```
#bd574f rgb(189,87,79)
```

Complementary Color

#4fbd8e
```
#4fbd8e rgb(79,189,142)
```
#4fb5bd
```
#4fb5bd rgb(79,181,189)
```
#4f7ebd
```
#4f7ebd rgb(79,126,189)
```

Analogous Color

#bd8e4f
```
#bd8e4f rgb(189,142,79)
```
#4fb5bd
```
#4fb5bd rgb(79,181,189)
```
#bd4f7e
```
#bd4f7e rgb(189,79,126)
```

Split Complementary Color

#b5bd4f
```
#b5bd4f rgb(181,189,79)
```
#4fb5bd
```
#4fb5bd rgb(79,181,189)
```
#bd4fb5
```
#bd4fb5 rgb(189,79,181)
```

Triadic Color

#4fbd57
```
#4fbd57 rgb(79,189,87)
```
#4fb5bd
```
#4fb5bd rgb(79,181,189)
```
#bd4fb5
```
#bd4fb5 rgb(189,79,181)
```
#bd574f
```
#bd574f rgb(189,87,79)
```

Tetradic Color

#34858b
```
#34858b rgb(52,133,139)
```
#3b979e
```
#3b979e rgb(59,151,158)
```
#42a8b0
```
#42a8b0 rgb(66,168,176)
```
#4fb5bd
```
#4fb5bd rgb(79,181,189)
```
#62bdc4
```
#62bdc4 rgb(98,189,196)
```
#74c5cb
```
#74c5cb rgb(116,197,203)
```
#87ccd2
```
#87ccd2 rgb(135,204,210)
```

Monochromatic Color

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

#4fbdaa
```
#4fbdaa rgb(79,189,170)
```
#4fbdb3
```
#4fbdb3 rgb(79,189,179)
```
#4fbdbc
```
#4fbdbc rgb(79,189,188)
```
#4fb5bd
```
#4fb5bd rgb(79,181,189)
```
#4facbd
```
#4facbd rgb(79,172,189)
```
#4fa3bd
```
#4fa3bd rgb(79,163,189)
```
#4f9abd
```
#4f9abd rgb(79,154,189)
```

Similar Colors

Text with hexadecimal color #4fb5bd

This text has a font color of #4fb5bd.

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

#4fb5bd background color

This paragraph has a background color of #4fb5bd.

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

#4fb5bd border color

This element has a border color of #4fb5bd.

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

CSS codes

.text {color:#4fb5bd;}

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

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

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

#040909
```
#040909 rgb(4,9,9)
```
#091718
```
#091718 rgb(9,23,24)
```
#0e2426
```
#0e2426 rgb(14,36,38)
```
#143234
```
#143234 rgb(20,50,52)
```
#193f43
```
#193f43 rgb(25,63,67)
```
#1e4d51
```
#1e4d51 rgb(30,77,81)
```
#245b5f
```
#245b5f rgb(36,91,95)
```
#29686d
```
#29686d rgb(41,104,109)
```
#2e767c
```
#2e767c rgb(46,118,124)
```
#34848a
```
#34848a rgb(52,132,138)
```
#399198
```
#399198 rgb(57,145,152)
```
#3e9fa6
```
#3e9fa6 rgb(62,159,166)
```
#44acb5
```
#44acb5 rgb(68,172,181)
```

Shade Color Variation

#4fb5bd
```
#4fb5bd rgb(79,181,189)
```
#5dbbc2
```
#5dbbc2 rgb(93,187,194)
```
#6cc1c8
```
#6cc1c8 rgb(108,193,200)
```
#7ac7cd
```
#7ac7cd rgb(122,199,205)
```
#88cdd2
```
#88cdd2 rgb(136,205,210)
```
#96d3d8
```
#96d3d8 rgb(150,211,216)
```
#a5d9dd
```
#a5d9dd rgb(165,217,221)
```
#b3dfe2
```
#b3dfe2 rgb(179,223,226)
```
#c1e5e8
```
#c1e5e8 rgb(193,229,232)
```
#cfebed
```
#cfebed rgb(207,235,237)
```
#def1f2
```
#def1f2 rgb(222,241,242)
```
#ecf7f8
```
#ecf7f8 rgb(236,247,248)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#7e8d8e
```
#7e8d8e rgb(126,141,142)
```
#749598
```
#749598 rgb(116,149,152)
```
#6b9da1
```
#6b9da1 rgb(107,157,161)
```
#62a5aa
```
#62a5aa rgb(98,165,170)
```
#58adb4
```
#58adb4 rgb(88,173,180)
```
#4fb5bd
```
#4fb5bd rgb(79,181,189)
```
#46bdc6
```
#46bdc6 rgb(70,189,198)
```
#3cc5d0
```
#3cc5d0 rgb(60,197,208)
```
#33cdd9
```
#33cdd9 rgb(51,205,217)
```
#2ad5e2
```
#2ad5e2 rgb(42,213,226)
```
#20ddec
```
#20ddec rgb(32,221,236)
```
#17e5f5
```
#17e5f5 rgb(23,229,245)
```
#0eedfe
```
#0eedfe rgb(14,237,254)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#899d9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaaab7 Protanopia 1% of men
#aca7c6 Deuteranopia 1% of men
#5ab8c5 Tritanopia 0.001% of the population

Trichromacy

#88aeb9 Protanomaly 1% of men, 0.01% of women
#8aacc3 Deuteranomaly 6% of men, 0.4% of women
#56b6c2 Tritanomaly 0.01% of the population

#4fb5bd hex color

#4fb5bd Color Information

#4fb5bd Color Conversion

Color Schemes with #4fb5bd

Alternatives to #4fb5bd

#4fb5bd Preview

Shades and Tints of #4fb5bd

Tones of #4fb5bd

Color Blindness Simulator