#7fa5b4 hex color

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

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

● #7fa5b4 color description : Slightly desaturated blue.

The hexadecimal color #7fa5b4 has RGB values of R:127, G:165, B:180 and CMYK values of C:0.29, M:0.08, Y:0, K:0.29. Its decimal value is 8365492.

Hex triplet	7fa5b4	`#7fa5b4`
RGB Decimal	127, 165, 180	`rgb(127,165,180)`
RGB Percent	49.8, 64.7, 70.6	`rgb(49.8%,64.7%,70.6%)`
CMYK	29, 8, 0, 29
HSL	197°, 26.1, 60.2	`hsl(197,26.1%,60.2%)`
HSV (or HSB)	197°, 29.4, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.527, -9.308, -11.94
XYZ	30.444, 34.717, 48.274
xyY	0.268, 0.306, 34.717
CIE-LCH	65.527, 15.139, 232.061
CIE-LUV	65.527, -19.49, -16.548
Hunter-Lab	58.921, -10.882, -7.332
Binary	01111111, 10100101, 10110100

#7fa5b4
```
#7fa5b4 rgb(127,165,180)
```
#b48e7f
```
#b48e7f rgb(180,142,127)
```

Complementary Color

#7fb4a9
```
#7fb4a9 rgb(127,180,169)
```
#7fa5b4
```
#7fa5b4 rgb(127,165,180)
```
#7f8bb4
```
#7f8bb4 rgb(127,139,180)
```

Analogous Color

#b4a97f
```
#b4a97f rgb(180,169,127)
```
#7fa5b4
```
#7fa5b4 rgb(127,165,180)
```
#b47f8b
```
#b47f8b rgb(180,127,139)
```

Split Complementary Color

#a5b47f
```
#a5b47f rgb(165,180,127)
```
#7fa5b4
```
#7fa5b4 rgb(127,165,180)
```
#b47fa5
```
#b47fa5 rgb(180,127,165)
```

Triadic Color

#7fb48e
```
#7fb48e rgb(127,180,142)
```
#7fa5b4
```
#7fa5b4 rgb(127,165,180)
```
#b47fa5
```
#b47fa5 rgb(180,127,165)
```
#b48e7f
```
#b48e7f rgb(180,142,127)
```

Tetradic Color

#558091
```
#558091 rgb(85,128,145)
```
#5f8ea1
```
#5f8ea1 rgb(95,142,161)
```
#6f9aab
```
#6f9aab rgb(111,154,171)
```
#7fa5b4
```
#7fa5b4 rgb(127,165,180)
```
#8fb0bd
```
#8fb0bd rgb(143,176,189)
```
#9fbcc7
```
#9fbcc7 rgb(159,188,199)
```
#afc7d0
```
#afc7d0 rgb(175,199,208)
```

Monochromatic Color

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

#7fb2b4
```
#7fb2b4 rgb(127,178,180)
```
#7faeb4
```
#7faeb4 rgb(127,174,180)
```
#7fa9b4
```
#7fa9b4 rgb(127,169,180)
```
#7fa5b4
```
#7fa5b4 rgb(127,165,180)
```
#7fa1b4
```
#7fa1b4 rgb(127,161,180)
```
#7f9cb4
```
#7f9cb4 rgb(127,156,180)
```
#7f98b4
```
#7f98b4 rgb(127,152,180)
```

Similar Colors

Text with hexadecimal color #7fa5b4

This text has a font color of #7fa5b4.

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

#7fa5b4 background color

This paragraph has a background color of #7fa5b4.

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

#7fa5b4 border color

This element has a border color of #7fa5b4.

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

CSS codes

.text {color:#7fa5b4;}

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

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

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)
```
#22333a
```
#22333a rgb(34,51,58)
```
#293e46
```
#293e46 rgb(41,62,70)
```
#304952
```
#304952 rgb(48,73,82)
```
#37545f
```
#37545f rgb(55,84,95)
```
#3f5e6b
```
#3f5e6b rgb(63,94,107)
```
#466977
```
#466977 rgb(70,105,119)
```
#4d7484
```
#4d7484 rgb(77,116,132)
```
#547f90
```
#547f90 rgb(84,127,144)
```
#5c8a9c
```
#5c8a9c rgb(92,138,156)
```

Shade Color Variation

#6694a6
```
#6694a6 rgb(102,148,166)
```
#739cad
```
#739cad rgb(115,156,173)
```
#7fa5b4
```
#7fa5b4 rgb(127,165,180)
```
#8baebb
```
#8baebb rgb(139,174,187)
```
#98b6c2
```
#98b6c2 rgb(152,182,194)
```
#a4bfca
```
#a4bfca rgb(164,191,202)
```
#b0c8d1
```
#b0c8d1 rgb(176,200,209)
```
#bdd0d8
```
#bdd0d8 rgb(189,208,216)
```
#c9d9df
```
#c9d9df rgb(201,217,223)
```
#d6e2e7
```
#d6e2e7 rgb(214,226,231)
```
#e2ebee
```
#e2ebee rgb(226,235,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 #39c3fa is the most saturated one.

#969b9d
```
#969b9d rgb(150,155,157)
```
#8f9ea4
```
#8f9ea4 rgb(143,158,164)
```
#87a2ac
```
#87a2ac rgb(135,162,172)
```
#7fa5b4
```
#7fa5b4 rgb(127,165,180)
```
#77a8bc
```
#77a8bc rgb(119,168,188)
```
#6facc4
```
#6facc4 rgb(111,172,196)
```
#68afcb
```
#68afcb rgb(104,175,203)
```
#60b3d3
```
#60b3d3 rgb(96,179,211)
```
#58b6db
```
#58b6db rgb(88,182,219)
```
#50b9e3
```
#50b9e3 rgb(80,185,227)
```
#48bdeb
```
#48bdeb rgb(72,189,235)
```
#41c0f2
```
#41c0f2 rgb(65,192,242)
```
#39c3fa
```
#39c3fa rgb(57,195,250)
```

Tone Color Variation

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

#a1a3b4 Protanopia 1% of men
#a7a0bb Deuteranopia 1% of men
#85a9b6 Tritanopia 0.001% of the population

Trichromacy

#95a3b4 Protanomaly 1% of men, 0.01% of women
#98a2b8 Deuteranomaly 6% of men, 0.4% of women
#82a8b5 Tritanomaly 0.01% of the population

#7fa5b4 hex color

#7fa5b4 Color Information

#7fa5b4 Color Conversion

Color Schemes with #7fa5b4

Alternatives to #7fa5b4

#7fa5b4 Preview

Shades and Tints of #7fa5b4

Tones of #7fa5b4

Color Blindness Simulator