#4fa0bf hex color

In a RGB color space, hex #4fa0bf is composed of 31% red, 62.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 16.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 196.6 degrees, a saturation of 46.7% and a lightness of 52.9%. #4fa0bf color hex could be obtained by blending #9effff with #00417f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 63
- B 75
RGB color chart
- C 59
- M 16
- Y 0
- K 25
CMYK color chart

● #4fa0bf color description : Moderate blue.

The hexadecimal color #4fa0bf has RGB values of R:79, G:160, B:191 and CMYK values of C:0.59, M:0.16, Y:0, K:0.25. Its decimal value is 5218495.

Hex triplet	4fa0bf	`#4fa0bf`
RGB Decimal	79, 160, 191	`rgb(79,160,191)`
RGB Percent	31, 62.7, 74.9	`rgb(31%,62.7%,74.9%)`
CMYK	59, 16, 0, 25
HSL	196.6°, 46.7, 52.9	`hsl(196.6,46.7%,52.9%)`
HSV (or HSB)	196.6°, 58.6, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.138, -15.602, -23.452
XYZ	25.197, 30.564, 53.859
xyY	0.23, 0.279, 30.564
CIE-LCH	62.138, 28.168, 236.365
CIE-LUV	62.138, -33.633, -33.941
Hunter-Lab	55.284, -15.393, -19.062
Binary	01001111, 10100000, 10111111

#4fa0bf
```
#4fa0bf rgb(79,160,191)
```
#bf6e4f
```
#bf6e4f rgb(191,110,79)
```

Complementary Color

#4fbfa6
```
#4fbfa6 rgb(79,191,166)
```
#4fa0bf
```
#4fa0bf rgb(79,160,191)
```
#4f68bf
```
#4f68bf rgb(79,104,191)
```

Analogous Color

#bfa64f
```
#bfa64f rgb(191,166,79)
```
#4fa0bf
```
#4fa0bf rgb(79,160,191)
```
#bf4f68
```
#bf4f68 rgb(191,79,104)
```

Split Complementary Color

#a0bf4f
```
#a0bf4f rgb(160,191,79)
```
#4fa0bf
```
#4fa0bf rgb(79,160,191)
```
#bf4fa0
```
#bf4fa0 rgb(191,79,160)
```

Triadic Color

#4fbf6e
```
#4fbf6e rgb(79,191,110)
```
#4fa0bf
```
#4fa0bf rgb(79,160,191)
```
#bf4fa0
```
#bf4fa0 rgb(191,79,160)
```
#bf6e4f
```
#bf6e4f rgb(191,110,79)
```

Tetradic Color

#34758e
```
#34758e rgb(52,117,142)
```
#3a84a1
```
#3a84a1 rgb(58,132,161)
```
#4194b3
```
#4194b3 rgb(65,148,179)
```
#4fa0bf
```
#4fa0bf rgb(79,160,191)
```
#62aac6
```
#62aac6 rgb(98,170,198)
```
#74b4cd
```
#74b4cd rgb(116,180,205)
```
#87bed3
```
#87bed3 rgb(135,190,211)
```

Monochromatic Color

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

#4fbcbf
```
#4fbcbf rgb(79,188,191)
```
#4fb3bf
```
#4fb3bf rgb(79,179,191)
```
#4fa9bf
```
#4fa9bf rgb(79,169,191)
```
#4fa0bf
```
#4fa0bf rgb(79,160,191)
```
#4f97bf
```
#4f97bf rgb(79,151,191)
```
#4f8dbf
```
#4f8dbf rgb(79,141,191)
```
#4f84bf
```
#4f84bf rgb(79,132,191)
```

Similar Colors

Text with hexadecimal color #4fa0bf

This text has a font color of #4fa0bf.

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

#4fa0bf background color

This paragraph has a background color of #4fa0bf.

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

#4fa0bf border color

This element has a border color of #4fa0bf.

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

CSS codes

.text {color:#4fa0bf;}

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

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

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, #04090b is the darkest color, while #fcfdfe is the lightest one.

#04090b
```
#04090b rgb(4,9,11)
```
#091519
```
#091519 rgb(9,21,25)
```
#0e2128
```
#0e2128 rgb(14,33,40)
```
#142d36
```
#142d36 rgb(20,45,54)
```
#193845
```
#193845 rgb(25,56,69)
```
#1e4453
```
#1e4453 rgb(30,68,83)
```
#235061
```
#235061 rgb(35,80,97)
```
#295c70
```
#295c70 rgb(41,92,112)
```
#2e687e
```
#2e687e rgb(46,104,126)
```
#33748c
```
#33748c rgb(51,116,140)
```
#38809b
```
#38809b rgb(56,128,155)
```
#3e8ba9
```
#3e8ba9 rgb(62,139,169)
```
#4397b8
```
#4397b8 rgb(67,151,184)
```

Shade Color Variation

#4fa0bf
```
#4fa0bf rgb(79,160,191)
```
#5da8c4
```
#5da8c4 rgb(93,168,196)
```
#6cb0c9
```
#6cb0c9 rgb(108,176,201)
```
#7ab7cf
```
#7ab7cf rgb(122,183,207)
```
#89bfd4
```
#89bfd4 rgb(137,191,212)
```
#97c7d9
```
#97c7d9 rgb(151,199,217)
```
#a5cfde
```
#a5cfde rgb(165,207,222)
```
#b4d6e4
```
#b4d6e4 rgb(180,214,228)
```
#c2dee9
```
#c2dee9 rgb(194,222,233)
```
#d0e6ee
```
#d0e6ee rgb(208,230,238)
```
#dfeef3
```
#dfeef3 rgb(223,238,243)
```
#edf5f9
```
#edf5f9 rgb(237,245,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#868788
```
#868788 rgb(134,135,136)
```
#7d8b91
```
#7d8b91 rgb(125,139,145)
```
#74909a
```
#74909a rgb(116,144,154)
```
#6b94a3
```
#6b94a3 rgb(107,148,163)
```
#6198ad
```
#6198ad rgb(97,152,173)
```
#589cb6
```
#589cb6 rgb(88,156,182)
```
#4fa0bf
```
#4fa0bf rgb(79,160,191)
```
#46a4c8
```
#46a4c8 rgb(70,164,200)
```
#3da8d1
```
#3da8d1 rgb(61,168,209)
```
#33acdb
```
#33acdb rgb(51,172,219)
```
#2ab0e4
```
#2ab0e4 rgb(42,176,228)
```
#21b5ed
```
#21b5ed rgb(33,181,237)
```
#18b9f6
```
#18b9f6 rgb(24,185,246)
```

Tone Color Variation

Below, you can see how #4fa0bf 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
#7f8f95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#939abb Protanopia 1% of men
#9199c6 Deuteranopia 1% of men
#50a7b3 Tritanopia 0.001% of the population

Trichromacy

#7a9cbc Protanomaly 1% of men, 0.01% of women
#799bc3 Deuteranomaly 6% of men, 0.4% of women
#4fa4b7 Tritanomaly 0.01% of the population

#4fa0bf hex color

#4fa0bf Color Information

#4fa0bf Color Conversion

Color Schemes with #4fa0bf

Alternatives to #4fa0bf

#4fa0bf Preview

Shades and Tints of #4fa0bf

Tones of #4fa0bf

Color Blindness Simulator