#7fb5fc hex color

In a RGB color space, hex #7fb5fc is composed of 49.8% red, 71% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 28.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 214.1 degrees, a saturation of 95.4% and a lightness of 74.3%. #7fb5fc color hex could be obtained by blending #feffff with #006bf9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 50
- G 71
- B 99
RGB color chart
- C 50
- M 28
- Y 0
- K 1
CMYK color chart

● #7fb5fc color description : Soft blue.

The hexadecimal color #7fb5fc has RGB values of R:127, G:181, B:252 and CMYK values of C:0.5, M:0.28, Y:0, K:0.01. Its decimal value is 8369660.

Hex triplet	7fb5fc	`#7fb5fc`
RGB Decimal	127, 181, 252	`rgb(127,181,252)`
RGB Percent	49.8, 71, 98.8	`rgb(49.8%,71%,98.8%)`
CMYK	50, 28, 0, 1
HSL	214.1°, 95.4, 74.3	`hsl(214.1,95.4%,74.3%)`
HSV (or HSB)	214.1°, 49.6, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.618, 1.393, -40.599
XYZ	42.843, 44.586, 98.438
xyY	0.231, 0.24, 44.586
CIE-LCH	72.618, 40.622, 271.966
CIE-LUV	72.618, -26.103, -65.924
Hunter-Lab	66.773, -2.322, -40.666
Binary	01111111, 10110101, 11111100

#7fb5fc
```
#7fb5fc rgb(127,181,252)
```
#fcc67f
```
#fcc67f rgb(252,198,127)
```

Complementary Color

#7ff4fc
```
#7ff4fc rgb(127,244,252)
```
#7fb5fc
```
#7fb5fc rgb(127,181,252)
```
#887ffc
```
#887ffc rgb(136,127,252)
```

Analogous Color

#f4fc7f
```
#f4fc7f rgb(244,252,127)
```
#7fb5fc
```
#7fb5fc rgb(127,181,252)
```
#fc887f
```
#fc887f rgb(252,136,127)
```

Split Complementary Color

#b5fc7f
```
#b5fc7f rgb(181,252,127)
```
#7fb5fc
```
#7fb5fc rgb(127,181,252)
```
#fc7fb5
```
#fc7fb5 rgb(252,127,181)
```

Triadic Color

#7ffcc6
```
#7ffcc6 rgb(127,252,198)
```
#7fb5fc
```
#7fb5fc rgb(127,181,252)
```
#fc7fb5
```
#fc7fb5 rgb(252,127,181)
```
#fcc67f
```
#fcc67f rgb(252,198,127)
```

Tetradic Color

#348afa
```
#348afa rgb(52,138,250)
```
#4d98fb
```
#4d98fb rgb(77,152,251)
```
#66a7fb
```
#66a7fb rgb(102,167,251)
```
#7fb5fc
```
#7fb5fc rgb(127,181,252)
```
#98c3fd
```
#98c3fd rgb(152,195,253)
```
#b1d2fd
```
#b1d2fd rgb(177,210,253)
```
#cae0fe
```
#cae0fe rgb(202,224,254)
```

Monochromatic Color

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

#7fd4fc
```
#7fd4fc rgb(127,212,252)
```
#7fcafc
```
#7fcafc rgb(127,202,252)
```
#7fbffc
```
#7fbffc rgb(127,191,252)
```
#7fb5fc
```
#7fb5fc rgb(127,181,252)
```
#7fabfc
```
#7fabfc rgb(127,171,252)
```
#7fa0fc
```
#7fa0fc rgb(127,160,252)
```
#7f96fc
```
#7f96fc rgb(127,150,252)
```

Similar Colors

Text with hexadecimal color #7fb5fc

This text has a font color of #7fb5fc.

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

#7fb5fc background color

This paragraph has a background color of #7fb5fc.

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

#7fb5fc border color

This element has a border color of #7fb5fc.

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

CSS codes

.text {color:#7fb5fc;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#010b19
```
#010b19 rgb(1,11,25)
```
#01142c
```
#01142c rgb(1,20,44)
```
#011c40
```
#011c40 rgb(1,28,64)
```
#022553
```
#022553 rgb(2,37,83)
```
#022d66
```
#022d66 rgb(2,45,102)
```
#033679
```
#033679 rgb(3,54,121)
```
#033e8c
```
#033e8c rgb(3,62,140)
```
#04479f
```
#04479f rgb(4,71,159)
```
#0450b3
```
#0450b3 rgb(4,80,179)
```
#0558c6
```
#0558c6 rgb(5,88,198)
```
#0561d9
```
#0561d9 rgb(5,97,217)
```
#0669ec
```
#0669ec rgb(6,105,236)
```

Shade Color Variation

#0c73f9
```
#0c73f9 rgb(12,115,249)
```
#1f7efa
```
#1f7efa rgb(31,126,250)
```
#3289fa
```
#3289fa rgb(50,137,250)
```
#4694fb
```
#4694fb rgb(70,148,251)
```
#599ffb
```
#599ffb rgb(89,159,251)
```
#6caafc
```
#6caafc rgb(108,170,252)
```
#7fb5fc
```
#7fb5fc rgb(127,181,252)
```
#92c0fc
```
#92c0fc rgb(146,192,252)
```
#a5cbfd
```
#a5cbfd rgb(165,203,253)
```
#b8d6fd
```
#b8d6fd rgb(184,214,253)
```
#cce1fe
```
#cce1fe rgb(204,225,254)
```
#dfecfe
```
#dfecfe rgb(223,236,254)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

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

#bbbdc0
```
#bbbdc0 rgb(187,189,192)
```
#b6bdc5
```
#b6bdc5 rgb(182,189,197)
```
#b1bcca
```
#b1bcca rgb(177,188,202)
```
#acbbcf
```
#acbbcf rgb(172,187,207)
```
#a7bad4
```
#a7bad4 rgb(167,186,212)
```
#a2bad9
```
#a2bad9 rgb(162,186,217)
```
#9db9de
```
#9db9de rgb(157,185,222)
```
#98b8e3
```
#98b8e3 rgb(152,184,227)
```
#93b8e8
```
#93b8e8 rgb(147,184,232)
```
#8eb7ed
```
#8eb7ed rgb(142,183,237)
```
#89b6f2
```
#89b6f2 rgb(137,182,242)
```
#84b6f7
```
#84b6f7 rgb(132,182,247)
```
#7fb5fc
```
#7fb5fc rgb(127,181,252)
```

Tone Color Variation

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

Dichromacy

#9fb3f8 Protanopia 1% of men
#97b4fd Deuteranopia 1% of men
#73c1cf Tritanopia 0.001% of the population

Trichromacy

#93b4f9 Protanomaly 1% of men, 0.01% of women
#8eb4fd Deuteranomaly 6% of men, 0.4% of women
#77bddf Tritanomaly 0.01% of the population

#7fb5fc hex color

#7fb5fc Color Information

#7fb5fc Color Conversion

Color Schemes with #7fb5fc

Alternatives to #7fb5fc

#7fb5fc Preview

Shades and Tints of #7fb5fc

Tones of #7fb5fc

Color Blindness Simulator