#7fb6f7 hex color

In a RGB color space, hex #7fb6f7 is composed of 49.8% red, 71.4% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 26.3% magenta, 0% yellow and 3.1% black. It has a hue angle of 212.5 degrees, a saturation of 88.2% and a lightness of 73.3%. #7fb6f7 color hex could be obtained by blending #feffff with #006def. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 50
- G 71
- B 97
RGB color chart
- C 49
- M 26
- Y 0
- K 3
CMYK color chart

● #7fb6f7 color description : Soft blue.

The hexadecimal color #7fb6f7 has RGB values of R:127, G:182, B:247 and CMYK values of C:0.49, M:0.26, Y:0, K:0.03. Its decimal value is 8369911.

Hex triplet	7fb6f7	`#7fb6f7`
RGB Decimal	127, 182, 247	`rgb(127,182,247)`
RGB Percent	49.8, 71.4, 96.9	`rgb(49.8%,71.4%,96.9%)`
CMYK	49, 26, 0, 3
HSL	212.5°, 88.2, 73.3	`hsl(212.5,88.2%,73.3%)`
HSV (or HSB)	212.5°, 48.6, 96.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.681, -0.61, -37.8
XYZ	42.265, 44.681, 94.388
xyY	0.233, 0.246, 44.681
CIE-LCH	72.681, 37.805, 269.075
CIE-LUV	72.681, -26.494, -60.893
Hunter-Lab	66.844, -4.113, -36.93
Binary	01111111, 10110110, 11110111

#7fb6f7
```
#7fb6f7 rgb(127,182,247)
```
#f7c07f
```
#f7c07f rgb(247,192,127)
```

Complementary Color

#7ff2f7
```
#7ff2f7 rgb(127,242,247)
```
#7fb6f7
```
#7fb6f7 rgb(127,182,247)
```
#847ff7
```
#847ff7 rgb(132,127,247)
```

Analogous Color

#f2f77f
```
#f2f77f rgb(242,247,127)
```
#7fb6f7
```
#7fb6f7 rgb(127,182,247)
```
#f7847f
```
#f7847f rgb(247,132,127)
```

Split Complementary Color

#b6f77f
```
#b6f77f rgb(182,247,127)
```
#7fb6f7
```
#7fb6f7 rgb(127,182,247)
```
#f77fb6
```
#f77fb6 rgb(247,127,182)
```

Triadic Color

#7ff7c0
```
#7ff7c0 rgb(127,247,192)
```
#7fb6f7
```
#7fb6f7 rgb(127,182,247)
```
#f77fb6
```
#f77fb6 rgb(247,127,182)
```
#f7c07f
```
#f7c07f rgb(247,192,127)
```

Tetradic Color

#378df3
```
#378df3 rgb(55,141,243)
```
#4f9bf4
```
#4f9bf4 rgb(79,155,244)
```
#67a8f6
```
#67a8f6 rgb(103,168,246)
```
#7fb6f7
```
#7fb6f7 rgb(127,182,247)
```
#97c4f9
```
#97c4f9 rgb(151,196,249)
```
#afd1fa
```
#afd1fa rgb(175,209,250)
```
#c7dffc
```
#c7dffc rgb(199,223,252)
```

Monochromatic Color

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

#7fd4f7
```
#7fd4f7 rgb(127,212,247)
```
#7fcaf7
```
#7fcaf7 rgb(127,202,247)
```
#7fc0f7
```
#7fc0f7 rgb(127,192,247)
```
#7fb6f7
```
#7fb6f7 rgb(127,182,247)
```
#7facf7
```
#7facf7 rgb(127,172,247)
```
#7fa2f7
```
#7fa2f7 rgb(127,162,247)
```
#7f98f7
```
#7f98f7 rgb(127,152,247)
```

Similar Colors

Text with hexadecimal color #7fb6f7

This text has a font color of #7fb6f7.

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

#7fb6f7 background color

This paragraph has a background color of #7fb6f7.

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

#7fb6f7 border color

This element has a border color of #7fb6f7.

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

CSS codes

.text {color:#7fb6f7;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#010a14
```
#010a14 rgb(1,10,20)
```
#021326
```
#021326 rgb(2,19,38)
```
#041c39
```
#041c39 rgb(4,28,57)
```
#05254b
```
#05254b rgb(5,37,75)
```
#062e5e
```
#062e5e rgb(6,46,94)
```
#073770
```
#073770 rgb(7,55,112)
```
#084082
```
#084082 rgb(8,64,130)
```
#094995
```
#094995 rgb(9,73,149)
```
#0a52a7
```
#0a52a7 rgb(10,82,167)
```
#0c5bba
```
#0c5bba rgb(12,91,186)
```
#0d65cc
```
#0d65cc rgb(13,101,204)
```
#0e6edf
```
#0e6edf rgb(14,110,223)
```

Shade Color Variation

#1077f0
```
#1077f0 rgb(16,119,240)
```
#2381f1
```
#2381f1 rgb(35,129,241)
```
#358cf2
```
#358cf2 rgb(53,140,242)
```
#4896f4
```
#4896f4 rgb(72,150,244)
```
#5aa1f5
```
#5aa1f5 rgb(90,161,245)
```
#6dabf6
```
#6dabf6 rgb(109,171,246)
```
#7fb6f7
```
#7fb6f7 rgb(127,182,247)
```
#91c1f8
```
#91c1f8 rgb(145,193,248)
```
#a4cbf9
```
#a4cbf9 rgb(164,203,249)
```
#b6d6fa
```
#b6d6fa rgb(182,214,250)
```
#c9e0fc
```
#c9e0fc rgb(201,224,252)
```
#dbebfd
```
#dbebfd rgb(219,235,253)
```
#eef5fe
```
#eef5fe rgb(238,245,254)
```

Tint Color Variation

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

#b9bbbd
```
#b9bbbd rgb(185,187,189)
```
#b3bac3
```
#b3bac3 rgb(179,186,195)
```
#aebac8
```
#aebac8 rgb(174,186,200)
```
#a9b9cd
```
#a9b9cd rgb(169,185,205)
```
#a4b9d2
```
#a4b9d2 rgb(164,185,210)
```
#9eb9d8
```
#9eb9d8 rgb(158,185,216)
```
#99b8dd
```
#99b8dd rgb(153,184,221)
```
#94b8e2
```
#94b8e2 rgb(148,184,226)
```
#8fb7e7
```
#8fb7e7 rgb(143,183,231)
```
#89b7ed
```
#89b7ed rgb(137,183,237)
```
#84b6f2
```
#84b6f2 rgb(132,182,242)
```
#7fb6f7
```
#7fb6f7 rgb(127,182,247)
```
#7ab6fc
```
#7ab6fc rgb(122,182,252)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a4afbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b4f3 Protanopia 1% of men
#9cb4f9 Deuteranopia 1% of men
#75c1cf Tritanopia 0.001% of the population

Trichromacy

#95b4f4 Protanomaly 1% of men, 0.01% of women
#91b5f8 Deuteranomaly 6% of men, 0.4% of women
#79bdde Tritanomaly 0.01% of the population

#7fb6f7 hex color

#7fb6f7 Color Information

#7fb6f7 Color Conversion

Color Schemes with #7fb6f7

Alternatives to #7fb6f7

#7fb6f7 Preview

Shades and Tints of #7fb6f7

Tones of #7fb6f7

Color Blindness Simulator