#7fa3b7 hex color

In a RGB color space, hex #7fa3b7 is composed of 49.8% red, 63.9% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 10.9% magenta, 0% yellow and 28.2% black. It has a hue angle of 201.4 degrees, a saturation of 28% and a lightness of 60.8%. #7fa3b7 color hex could be obtained by blending #feffff with #00476f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 50
- G 64
- B 72
RGB color chart
- C 31
- M 11
- Y 0
- K 28
CMYK color chart

● #7fa3b7 color description : Slightly desaturated blue.

The hexadecimal color #7fa3b7 has RGB values of R:127, G:163, B:183 and CMYK values of C:0.31, M:0.11, Y:0, K:0.28. Its decimal value is 8364983.

Hex triplet	7fa3b7	`#7fa3b7`
RGB Decimal	127, 163, 183	`rgb(127,163,183)`
RGB Percent	49.8, 63.9, 71.8	`rgb(49.8%,63.9%,71.8%)`
CMYK	31, 11, 0, 28
HSL	201.4°, 28, 60.8	`hsl(201.4,28%,60.8%)`
HSV (or HSB)	201.4°, 30.6, 71.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.061, -7.482, -14.315
XYZ	30.395, 34.124, 49.782
xyY	0.266, 0.299, 34.124
CIE-LCH	65.061, 16.153, 242.407
CIE-LUV	65.061, -18.647, -20.528
Hunter-Lab	58.416, -9.351, -9.636
Binary	01111111, 10100011, 10110111

#7fa3b7
```
#7fa3b7 rgb(127,163,183)
```
#b7937f
```
#b7937f rgb(183,147,127)
```

Complementary Color

#7fb7af
```
#7fb7af rgb(127,183,175)
```
#7fa3b7
```
#7fa3b7 rgb(127,163,183)
```
#7f87b7
```
#7f87b7 rgb(127,135,183)
```

Analogous Color

#b7af7f
```
#b7af7f rgb(183,175,127)
```
#7fa3b7
```
#7fa3b7 rgb(127,163,183)
```
#b77f87
```
#b77f87 rgb(183,127,135)
```

Split Complementary Color

#a3b77f
```
#a3b77f rgb(163,183,127)
```
#7fa3b7
```
#7fa3b7 rgb(127,163,183)
```
#b77fa3
```
#b77fa3 rgb(183,127,163)
```

Triadic Color

#7fb793
```
#7fb793 rgb(127,183,147)
```
#7fa3b7
```
#7fa3b7 rgb(127,163,183)
```
#b77fa3
```
#b77fa3 rgb(183,127,163)
```
#b7937f
```
#b7937f rgb(183,147,127)
```

Tetradic Color

#547e95
```
#547e95 rgb(84,126,149)
```
#5e8ca5
```
#5e8ca5 rgb(94,140,165)
```
#6f97ae
```
#6f97ae rgb(111,151,174)
```
#7fa3b7
```
#7fa3b7 rgb(127,163,183)
```
#8fafc0
```
#8fafc0 rgb(143,175,192)
```
#a0bac9
```
#a0bac9 rgb(160,186,201)
```
#b0c6d3
```
#b0c6d3 rgb(176,198,211)
```

Monochromatic Color

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

#7fb1b7
```
#7fb1b7 rgb(127,177,183)
```
#7facb7
```
#7facb7 rgb(127,172,183)
```
#7fa8b7
```
#7fa8b7 rgb(127,168,183)
```
#7fa3b7
```
#7fa3b7 rgb(127,163,183)
```
#7f9eb7
```
#7f9eb7 rgb(127,158,183)
```
#7f9ab7
```
#7f9ab7 rgb(127,154,183)
```
#7f95b7
```
#7f95b7 rgb(127,149,183)
```

Similar Colors

Text with hexadecimal color #7fa3b7

This text has a font color of #7fa3b7.

<span style="color:#7fa3b7;">Text here</span>

#7fa3b7 background color

This paragraph has a background color of #7fa3b7.

<p style="background-color:#7fa3b7;">Content here</p>

#7fa3b7 border color

This element has a border color of #7fa3b7.

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

CSS codes

.text {color:#7fa3b7;}

.background {background-color:#7fa3b7;}

.border {border:1px solid #7fa3b7;}

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, #06090a is the darkest color, while #fdfdfe is the lightest one.

#06090a
```
#06090a rgb(6,9,10)
```
#0d1317
```
#0d1317 rgb(13,19,23)
```
#141e23
```
#141e23 rgb(20,30,35)
```
#1b2830
```
#1b2830 rgb(27,40,48)
```
#22333c
```
#22333c rgb(34,51,60)
```
#293d49
```
#293d49 rgb(41,61,73)
```
#304855
```
#304855 rgb(48,72,85)
```
#375362
```
#375362 rgb(55,83,98)
```
#3e5d6f
```
#3e5d6f rgb(62,93,111)
```
#45687b
```
#45687b rgb(69,104,123)
```
#4c7288
```
#4c7288 rgb(76,114,136)
```
#537d94
```
#537d94 rgb(83,125,148)
```
#5a88a1
```
#5a88a1 rgb(90,136,161)
```

Shade Color Variation

#6691a9
```
#6691a9 rgb(102,145,169)
```
#729ab0
```
#729ab0 rgb(114,154,176)
```
#7fa3b7
```
#7fa3b7 rgb(127,163,183)
```
#8cacbe
```
#8cacbe rgb(140,172,190)
```
#98b5c5
```
#98b5c5 rgb(152,181,197)
```
#a5becc
```
#a5becc rgb(165,190,204)
```
#b1c7d3
```
#b1c7d3 rgb(177,199,211)
```
#bed0da
```
#bed0da rgb(190,208,218)
```
#cad9e1
```
#cad9e1 rgb(202,217,225)
```
#d7e2e8
```
#d7e2e8 rgb(215,226,232)
```
#e3ebef
```
#e3ebef rgb(227,235,239)
```
#f0f4f7
```
#f0f4f7 rgb(240,244,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969ca0 is the less saturated color, while #3ab7fc is the most saturated one.

#969ca0
```
#969ca0 rgb(150,156,160)
```
#8e9fa8
```
#8e9fa8 rgb(142,159,168)
```
#87a1af
```
#87a1af rgb(135,161,175)
```
#7fa3b7
```
#7fa3b7 rgb(127,163,183)
```
#77a5bf
```
#77a5bf rgb(119,165,191)
```
#70a7c6
```
#70a7c6 rgb(112,167,198)
```
#68aace
```
#68aace rgb(104,170,206)
```
#60acd6
```
#60acd6 rgb(96,172,214)
```
#59aedd
```
#59aedd rgb(89,174,221)
```
#51b0e5
```
#51b0e5 rgb(81,176,229)
```
#49b2ed
```
#49b2ed rgb(73,178,237)
```
#41b5f5
```
#41b5f5 rgb(65,181,245)
```
#3ab7fc
```
#3ab7fc rgb(58,183,252)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#959da1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa1b7 Protanopia 1% of men
#a49fbd Deuteranopia 1% of men
#84a8b4 Tritanopia 0.001% of the population

Trichromacy

#93a2b7 Protanomaly 1% of men, 0.01% of women
#96a0bb Deuteranomaly 6% of men, 0.4% of women
#82a6b5 Tritanomaly 0.01% of the population

#7fa3b7 hex color

#7fa3b7 Color Information

#7fa3b7 Color Conversion

Color Schemes with #7fa3b7

Alternatives to #7fa3b7

#7fa3b7 Preview

Shades and Tints of #7fa3b7

Tones of #7fa3b7

Color Blindness Simulator