#7fb1cc hex color

In a RGB color space, hex #7fb1cc is composed of 49.8% red, 69.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 37.7% cyan, 13.2% magenta, 0% yellow and 20% black. It has a hue angle of 201 degrees, a saturation of 43% and a lightness of 64.9%. #7fb1cc color hex could be obtained by blending #feffff with #006399. Closest websafe color is: #6699cc.

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

● #7fb1cc color description : Slightly desaturated blue.

The hexadecimal color #7fb1cc has RGB values of R:127, G:177, B:204 and CMYK values of C:0.38, M:0.13, Y:0, K:0.2. Its decimal value is 8368588.

Hex triplet	7fb1cc	`#7fb1cc`
RGB Decimal	127, 177, 204	`rgb(127,177,204)`
RGB Percent	49.8, 69.4, 80	`rgb(49.8%,69.4%,80%)`
CMYK	38, 13, 0, 20
HSL	201°, 43, 64.9	`hsl(201,43%,64.9%)`
HSV (or HSB)	201°, 37.7, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	69.693, -9.722, -18.947
XYZ	35.371, 40.314, 63.041
xyY	0.255, 0.291, 40.314
CIE-LCH	69.693, 21.295, 242.838
CIE-LUV	69.693, -24.657, -27.883
Hunter-Lab	63.494, -11.675, -14.422
Binary	01111111, 10110001, 11001100

#7fb1cc
```
#7fb1cc rgb(127,177,204)
```
#cc9a7f
```
#cc9a7f rgb(204,154,127)
```

Complementary Color

#7fccc1
```
#7fccc1 rgb(127,204,193)
```
#7fb1cc
```
#7fb1cc rgb(127,177,204)
```
#7f8bcc
```
#7f8bcc rgb(127,139,204)
```

Analogous Color

#ccc17f
```
#ccc17f rgb(204,193,127)
```
#7fb1cc
```
#7fb1cc rgb(127,177,204)
```
#cc7f8b
```
#cc7f8b rgb(204,127,139)
```

Split Complementary Color

#b1cc7f
```
#b1cc7f rgb(177,204,127)
```
#7fb1cc
```
#7fb1cc rgb(127,177,204)
```
#cc7fb1
```
#cc7fb1 rgb(204,127,177)
```

Triadic Color

#7fcc9a
```
#7fcc9a rgb(127,204,154)
```
#7fb1cc
```
#7fb1cc rgb(127,177,204)
```
#cc7fb1
```
#cc7fb1 rgb(204,127,177)
```
#cc9a7f
```
#cc9a7f rgb(204,154,127)
```

Tetradic Color

#4990b6
```
#4990b6 rgb(73,144,182)
```
#5b9bbd
```
#5b9bbd rgb(91,155,189)
```
#6da6c5
```
#6da6c5 rgb(109,166,197)
```
#7fb1cc
```
#7fb1cc rgb(127,177,204)
```
#91bcd3
```
#91bcd3 rgb(145,188,211)
```
#a3c7db
```
#a3c7db rgb(163,199,219)
```
#b6d2e2
```
#b6d2e2 rgb(182,210,226)
```

Monochromatic Color

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

#7fc4cc
```
#7fc4cc rgb(127,196,204)
```
#7fbecc
```
#7fbecc rgb(127,190,204)
```
#7fb7cc
```
#7fb7cc rgb(127,183,204)
```
#7fb1cc
```
#7fb1cc rgb(127,177,204)
```
#7fabcc
```
#7fabcc rgb(127,171,204)
```
#7fa4cc
```
#7fa4cc rgb(127,164,204)
```
#7f9ecc
```
#7f9ecc rgb(127,158,204)
```

Similar Colors

Text with hexadecimal color #7fb1cc

This text has a font color of #7fb1cc.

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

#7fb1cc background color

This paragraph has a background color of #7fb1cc.

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

#7fb1cc border color

This element has a border color of #7fb1cc.

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

CSS codes

.text {color:#7fb1cc;}

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

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

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)
```
#102028
```
#102028 rgb(16,32,40)
```
#162b36
```
#162b36 rgb(22,43,54)
```
#1b3644
```
#1b3644 rgb(27,54,68)
```
#214152
```
#214152 rgb(33,65,82)
```
#264c60
```
#264c60 rgb(38,76,96)
```
#2c576e
```
#2c576e rgb(44,87,110)
```
#32627c
```
#32627c rgb(50,98,124)
```
#376d8b
```
#376d8b rgb(55,109,139)
```
#3d7899
```
#3d7899 rgb(61,120,153)
```
#4283a7
```
#4283a7 rgb(66,131,167)
```
#488eb5
```
#488eb5 rgb(72,142,181)
```

Shade Color Variation

#5597bb
```
#5597bb rgb(85,151,187)
```
#63a0c1
```
#63a0c1 rgb(99,160,193)
```
#71a8c6
```
#71a8c6 rgb(113,168,198)
```
#7fb1cc
```
#7fb1cc rgb(127,177,204)
```
#8dbad2
```
#8dbad2 rgb(141,186,210)
```
#9bc2d7
```
#9bc2d7 rgb(155,194,215)
```
#a9cbdd
```
#a9cbdd rgb(169,203,221)
```
#b7d3e2
```
#b7d3e2 rgb(183,211,226)
```
#c5dce8
```
#c5dce8 rgb(197,220,232)
```
#d3e4ee
```
#d3e4ee rgb(211,228,238)
```
#e1edf3
```
#e1edf3 rgb(225,237,243)
```
#eff5f9
```
#eff5f9 rgb(239,245,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 #4fbffc is the most saturated one.

#a1a7aa
```
#a1a7aa rgb(161,167,170)
```
#9ba9b0
```
#9ba9b0 rgb(155,169,176)
```
#94abb7
```
#94abb7 rgb(148,171,183)
```
#8dadbe
```
#8dadbe rgb(141,173,190)
```
#86afc5
```
#86afc5 rgb(134,175,197)
```
#7fb1cc
```
#7fb1cc rgb(127,177,204)
```
#78b3d3
```
#78b3d3 rgb(120,179,211)
```
#71b5da
```
#71b5da rgb(113,181,218)
```
#6ab7e1
```
#6ab7e1 rgb(106,183,225)
```
#63b9e8
```
#63b9e8 rgb(99,185,232)
```
#5dbbee
```
#5dbbee rgb(93,187,238)
```
#56bdf5
```
#56bdf5 rgb(86,189,245)
```
#4fbffc
```
#4fbffc rgb(79,191,252)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9da7ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8adc9 Protanopia 1% of men
#ababd2 Deuteranopia 1% of men
#82b6c4 Tritanopia 0.001% of the population

Trichromacy

#99aeca Protanomaly 1% of men, 0.01% of women
#9badcf Deuteranomaly 6% of men, 0.4% of women
#81b4c7 Tritanomaly 0.01% of the population

#7fb1cc hex color

#7fb1cc Color Information

#7fb1cc Color Conversion

Color Schemes with #7fb1cc

Alternatives to #7fb1cc

#7fb1cc Preview

Shades and Tints of #7fb1cc

Tones of #7fb1cc

Color Blindness Simulator