#7fb4cc hex color

In a RGB color space, hex #7fb4cc is composed of 49.8% red, 70.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 37.7% cyan, 11.8% magenta, 0% yellow and 20% black. It has a hue angle of 198.7 degrees, a saturation of 43% and a lightness of 64.9%. #7fb4cc color hex could be obtained by blending #feffff with #006999. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 50
- G 71
- B 80
RGB color chart
- C 38
- M 12
- Y 0
- K 20
CMYK color chart

● #7fb4cc color description : Slightly desaturated blue.

The hexadecimal color #7fb4cc has RGB values of R:127, G:180, B:204 and CMYK values of C:0.38, M:0.12, Y:0, K:0.2. Its decimal value is 8369356.

Hex triplet	7fb4cc	`#7fb4cc`
RGB Decimal	127, 180, 204	`rgb(127,180,204)`
RGB Percent	49.8, 70.6, 80	`rgb(49.8%,70.6%,80%)`
CMYK	38, 12, 0, 20
HSL	198.7°, 43, 64.9	`hsl(198.7,43%,64.9%)`
HSV (or HSB)	198.7°, 37.7, 80
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.534, -11.326, -17.673
XYZ	35.97, 41.513, 63.241
xyY	0.256, 0.295, 41.513
CIE-LCH	70.534, 20.991, 237.346
CIE-LUV	70.534, -25.9, -25.631
Hunter-Lab	64.43, -13.1, -13.094
Binary	01111111, 10110100, 11001100

#7fb4cc
```
#7fb4cc rgb(127,180,204)
```
#cc977f
```
#cc977f rgb(204,151,127)
```

Complementary Color

#7fccbe
```
#7fccbe rgb(127,204,190)
```
#7fb4cc
```
#7fb4cc rgb(127,180,204)
```
#7f8ecc
```
#7f8ecc rgb(127,142,204)
```

Analogous Color

#ccbe7f
```
#ccbe7f rgb(204,190,127)
```
#7fb4cc
```
#7fb4cc rgb(127,180,204)
```
#cc7f8e
```
#cc7f8e rgb(204,127,142)
```

Split Complementary Color

#b4cc7f
```
#b4cc7f rgb(180,204,127)
```
#7fb4cc
```
#7fb4cc rgb(127,180,204)
```
#cc7fb4
```
#cc7fb4 rgb(204,127,180)
```

Triadic Color

#7fcc97
```
#7fcc97 rgb(127,204,151)
```
#7fb4cc
```
#7fb4cc rgb(127,180,204)
```
#cc7fb4
```
#cc7fb4 rgb(204,127,180)
```
#cc977f
```
#cc977f rgb(204,151,127)
```

Tetradic Color

#4994b6
```
#4994b6 rgb(73,148,182)
```
#5b9fbd
```
#5b9fbd rgb(91,159,189)
```
#6da9c5
```
#6da9c5 rgb(109,169,197)
```
#7fb4cc
```
#7fb4cc rgb(127,180,204)
```
#91bfd3
```
#91bfd3 rgb(145,191,211)
```
#a3c9db
```
#a3c9db rgb(163,201,219)
```
#b6d4e2
```
#b6d4e2 rgb(182,212,226)
```

Monochromatic Color

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

#7fc7cc
```
#7fc7cc rgb(127,199,204)
```
#7fc1cc
```
#7fc1cc rgb(127,193,204)
```
#7fbacc
```
#7fbacc rgb(127,186,204)
```
#7fb4cc
```
#7fb4cc rgb(127,180,204)
```
#7faecc
```
#7faecc rgb(127,174,204)
```
#7fa7cc
```
#7fa7cc rgb(127,167,204)
```
#7fa1cc
```
#7fa1cc rgb(127,161,204)
```

Similar Colors

Text with hexadecimal color #7fb4cc

This text has a font color of #7fb4cc.

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

#7fb4cc background color

This paragraph has a background color of #7fb4cc.

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

#7fb4cc border color

This element has a border color of #7fb4cc.

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

CSS codes

.text {color:#7fb4cc;}

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

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

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, #050a0c is the darkest color, while #fdfefe is the lightest one.

#050a0c
```
#050a0c rgb(5,10,12)
```
#0a151a
```
#0a151a rgb(10,21,26)
```
#102128
```
#102128 rgb(16,33,40)
```
#162c36
```
#162c36 rgb(22,44,54)
```
#1b3844
```
#1b3844 rgb(27,56,68)
```
#214352
```
#214352 rgb(33,67,82)
```
#264e60
```
#264e60 rgb(38,78,96)
```
#2c5a6e
```
#2c5a6e rgb(44,90,110)
```
#32657c
```
#32657c rgb(50,101,124)
```
#37718b
```
#37718b rgb(55,113,139)
```
#3d7c99
```
#3d7c99 rgb(61,124,153)
```
#4287a7
```
#4287a7 rgb(66,135,167)
```
#4893b5
```
#4893b5 rgb(72,147,181)
```

Shade Color Variation

#559bbb
```
#559bbb rgb(85,155,187)
```
#63a4c1
```
#63a4c1 rgb(99,164,193)
```
#71acc6
```
#71acc6 rgb(113,172,198)
```
#7fb4cc
```
#7fb4cc rgb(127,180,204)
```
#8dbcd2
```
#8dbcd2 rgb(141,188,210)
```
#9bc4d7
```
#9bc4d7 rgb(155,196,215)
```
#a9cddd
```
#a9cddd rgb(169,205,221)
```
#b7d5e2
```
#b7d5e2 rgb(183,213,226)
```
#c5dde8
```
#c5dde8 rgb(197,221,232)
```
#d3e5ee
```
#d3e5ee rgb(211,229,238)
```
#e1eef3
```
#e1eef3 rgb(225,238,243)
```
#eff6f9
```
#eff6f9 rgb(239,246,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#a1a7aa
```
#a1a7aa rgb(161,167,170)
```
#9baab0
```
#9baab0 rgb(155,170,176)
```
#94acb7
```
#94acb7 rgb(148,172,183)
```
#8dafbe
```
#8dafbe rgb(141,175,190)
```
#86b1c5
```
#86b1c5 rgb(134,177,197)
```
#7fb4cc
```
#7fb4cc rgb(127,180,204)
```
#78b7d3
```
#78b7d3 rgb(120,183,211)
```
#71b9da
```
#71b9da rgb(113,185,218)
```
#6abce1
```
#6abce1 rgb(106,188,225)
```
#63bee8
```
#63bee8 rgb(99,190,232)
```
#5dc1ee
```
#5dc1ee rgb(93,193,238)
```
#56c4f5
```
#56c4f5 rgb(86,196,245)
```
#4fc6fc
```
#4fc6fc rgb(79,198,252)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9faaae Atypical Achromatopsia 0.001% of the population

Dichromacy

#abafc9 Protanopia 1% of men
#afadd2 Deuteranopia 1% of men
#83b9c6 Tritanopia 0.001% of the population

Trichromacy

#9bb1ca Protanomaly 1% of men, 0.01% of women
#9dafd0 Deuteranomaly 6% of men, 0.4% of women
#81b7c8 Tritanomaly 0.01% of the population

#7fb4cc hex color

#7fb4cc Color Information

#7fb4cc Color Conversion

Color Schemes with #7fb4cc

Alternatives to #7fb4cc

#7fb4cc Preview

Shades and Tints of #7fb4cc

Tones of #7fb4cc

Color Blindness Simulator