#7fa4b4 hex color

In a RGB color space, hex #7fa4b4 is composed of 49.8% red, 64.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 8.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 198.1 degrees, a saturation of 26.1% and a lightness of 60.2%. #7fa4b4 color hex could be obtained by blending #feffff with #004969. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 50
- G 64
- B 71
RGB color chart
- C 29
- M 9
- Y 0
- K 29
CMYK color chart

● #7fa4b4 color description : Slightly desaturated blue.

The hexadecimal color #7fa4b4 has RGB values of R:127, G:164, B:180 and CMYK values of C:0.29, M:0.09, Y:0, K:0.29. Its decimal value is 8365236.

Hex triplet	7fa4b4	`#7fa4b4`
RGB Decimal	127, 164, 180	`rgb(127,164,180)`
RGB Percent	49.8, 64.3, 70.6	`rgb(49.8%,64.3%,70.6%)`
CMYK	29, 9, 0, 29
HSL	198.1°, 26.1, 60.2	`hsl(198.1,26.1%,60.2%)`
HSV (or HSB)	198.1°, 29.4, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.245, -8.766, -12.363
XYZ	30.264, 34.357, 48.214
xyY	0.268, 0.304, 34.357
CIE-LCH	65.245, 15.156, 234.663
CIE-LUV	65.245, -19.053, -17.279
Hunter-Lab	58.615, -10.413, -7.739
Binary	01111111, 10100100, 10110100

#7fa4b4
```
#7fa4b4 rgb(127,164,180)
```
#b48f7f
```
#b48f7f rgb(180,143,127)
```

Complementary Color

#7fb4aa
```
#7fb4aa rgb(127,180,170)
```
#7fa4b4
```
#7fa4b4 rgb(127,164,180)
```
#7f8ab4
```
#7f8ab4 rgb(127,138,180)
```

Analogous Color

#b4aa7f
```
#b4aa7f rgb(180,170,127)
```
#7fa4b4
```
#7fa4b4 rgb(127,164,180)
```
#b47f8a
```
#b47f8a rgb(180,127,138)
```

Split Complementary Color

#a4b47f
```
#a4b47f rgb(164,180,127)
```
#7fa4b4
```
#7fa4b4 rgb(127,164,180)
```
#b47fa4
```
#b47fa4 rgb(180,127,164)
```

Triadic Color

#7fb48f
```
#7fb48f rgb(127,180,143)
```
#7fa4b4
```
#7fa4b4 rgb(127,164,180)
```
#b47fa4
```
#b47fa4 rgb(180,127,164)
```
#b48f7f
```
#b48f7f rgb(180,143,127)
```

Tetradic Color

#557f91
```
#557f91 rgb(85,127,145)
```
#5f8da1
```
#5f8da1 rgb(95,141,161)
```
#6f99ab
```
#6f99ab rgb(111,153,171)
```
#7fa4b4
```
#7fa4b4 rgb(127,164,180)
```
#8fafbd
```
#8fafbd rgb(143,175,189)
```
#9fbbc7
```
#9fbbc7 rgb(159,187,199)
```
#afc6d0
```
#afc6d0 rgb(175,198,208)
```

Monochromatic Color

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

#7fb1b4
```
#7fb1b4 rgb(127,177,180)
```
#7fadb4
```
#7fadb4 rgb(127,173,180)
```
#7fa8b4
```
#7fa8b4 rgb(127,168,180)
```
#7fa4b4
```
#7fa4b4 rgb(127,164,180)
```
#7fa0b4
```
#7fa0b4 rgb(127,160,180)
```
#7f9bb4
```
#7f9bb4 rgb(127,155,180)
```
#7f97b4
```
#7f97b4 rgb(127,151,180)
```

Similar Colors

Text with hexadecimal color #7fa4b4

This text has a font color of #7fa4b4.

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

#7fa4b4 background color

This paragraph has a background color of #7fa4b4.

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

#7fa4b4 border color

This element has a border color of #7fa4b4.

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

CSS codes

.text {color:#7fa4b4;}

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

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

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

#050708
```
#050708 rgb(5,7,8)
```
#0c1214
```
#0c1214 rgb(12,18,20)
```
#131d21
```
#131d21 rgb(19,29,33)
```
#1a282d
```
#1a282d rgb(26,40,45)
```
#22323a
```
#22323a rgb(34,50,58)
```
#293d46
```
#293d46 rgb(41,61,70)
```
#304852
```
#304852 rgb(48,72,82)
```
#37535f
```
#37535f rgb(55,83,95)
```
#3f5e6b
```
#3f5e6b rgb(63,94,107)
```
#466877
```
#466877 rgb(70,104,119)
```
#4d7384
```
#4d7384 rgb(77,115,132)
```
#547e90
```
#547e90 rgb(84,126,144)
```
#5c899c
```
#5c899c rgb(92,137,156)
```

Shade Color Variation

#6692a6
```
#6692a6 rgb(102,146,166)
```
#739bad
```
#739bad rgb(115,155,173)
```
#7fa4b4
```
#7fa4b4 rgb(127,164,180)
```
#8badbb
```
#8badbb rgb(139,173,187)
```
#98b6c2
```
#98b6c2 rgb(152,182,194)
```
#a4beca
```
#a4beca rgb(164,190,202)
```
#b0c7d1
```
#b0c7d1 rgb(176,199,209)
```
#bdd0d8
```
#bdd0d8 rgb(189,208,216)
```
#c9d9df
```
#c9d9df rgb(201,217,223)
```
#d6e2e7
```
#d6e2e7 rgb(214,226,231)
```
#e2eaee
```
#e2eaee rgb(226,234,238)
```
#eef3f5
```
#eef3f5 rgb(238,243,245)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#969b9d
```
#969b9d rgb(150,155,157)
```
#8f9ea4
```
#8f9ea4 rgb(143,158,164)
```
#87a1ac
```
#87a1ac rgb(135,161,172)
```
#7fa4b4
```
#7fa4b4 rgb(127,164,180)
```
#77a7bc
```
#77a7bc rgb(119,167,188)
```
#6faac4
```
#6faac4 rgb(111,170,196)
```
#68adcb
```
#68adcb rgb(104,173,203)
```
#60b0d3
```
#60b0d3 rgb(96,176,211)
```
#58b3db
```
#58b3db rgb(88,179,219)
```
#50b7e3
```
#50b7e3 rgb(80,183,227)
```
#48baeb
```
#48baeb rgb(72,186,235)
```
#41bdf2
```
#41bdf2 rgb(65,189,242)
```
#39c0fa
```
#39c0fa rgb(57,192,250)
```

Tone Color Variation

Below, you can see how #7fa4b4 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
#959da0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a2b4 Protanopia 1% of men
#a69fbb Deuteranopia 1% of men
#84a9b5 Tritanopia 0.001% of the population

Trichromacy

#94a2b4 Protanomaly 1% of men, 0.01% of women
#98a1b8 Deuteranomaly 6% of men, 0.4% of women
#82a7b4 Tritanomaly 0.01% of the population

#7fa4b4 hex color

#7fa4b4 Color Information

#7fa4b4 Color Conversion

Color Schemes with #7fa4b4

Alternatives to #7fa4b4

#7fa4b4 Preview

Shades and Tints of #7fa4b4

Tones of #7fa4b4

Color Blindness Simulator