#7fb1fc hex color

In a RGB color space, hex #7fb1fc is composed of 49.8% red, 69.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 29.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 216 degrees, a saturation of 95.4% and a lightness of 74.3%. #7fb1fc color hex could be obtained by blending #feffff with #0063f9. Closest websafe color is: #6699ff.

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

● #7fb1fc color description : Soft blue.

The hexadecimal color #7fb1fc has RGB values of R:127, G:177, B:252 and CMYK values of C:0.5, M:0.3, Y:0, K:0.01. Its decimal value is 8368636.

Hex triplet	7fb1fc	`#7fb1fc`
RGB Decimal	127, 177, 252	`rgb(127,177,252)`
RGB Percent	49.8, 69.4, 98.8	`rgb(49.8%,69.4%,98.8%)`
CMYK	50, 30, 0, 1
HSL	216°, 95.4, 74.3	`hsl(216,95.4%,74.3%)`
HSV (or HSB)	216°, 49.6, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	71.543, 3.622, -42.277
XYZ	42.041, 42.983, 98.171
xyY	0.229, 0.235, 42.983
CIE-LCH	71.543, 42.432, 274.897
CIE-LUV	71.543, -24.618, -68.935
Hunter-Lab	65.561, -0.268, -42.888
Binary	01111111, 10110001, 11111100

#7fb1fc
```
#7fb1fc rgb(127,177,252)
```
#fcca7f
```
#fcca7f rgb(252,202,127)
```

Complementary Color

#7ff0fc
```
#7ff0fc rgb(127,240,252)
```
#7fb1fc
```
#7fb1fc rgb(127,177,252)
```
#8c7ffc
```
#8c7ffc rgb(140,127,252)
```

Analogous Color

#f0fc7f
```
#f0fc7f rgb(240,252,127)
```
#7fb1fc
```
#7fb1fc rgb(127,177,252)
```
#fc8c7f
```
#fc8c7f rgb(252,140,127)
```

Split Complementary Color

#b1fc7f
```
#b1fc7f rgb(177,252,127)
```
#7fb1fc
```
#7fb1fc rgb(127,177,252)
```
#fc7fb1
```
#fc7fb1 rgb(252,127,177)
```

Triadic Color

#7ffcca
```
#7ffcca rgb(127,252,202)
```
#7fb1fc
```
#7fb1fc rgb(127,177,252)
```
#fc7fb1
```
#fc7fb1 rgb(252,127,177)
```
#fcca7f
```
#fcca7f rgb(252,202,127)
```

Tetradic Color

#3483fa
```
#3483fa rgb(52,131,250)
```
#4d93fb
```
#4d93fb rgb(77,147,251)
```
#66a2fb
```
#66a2fb rgb(102,162,251)
```
#7fb1fc
```
#7fb1fc rgb(127,177,252)
```
#98c0fd
```
#98c0fd rgb(152,192,253)
```
#b1cffd
```
#b1cffd rgb(177,207,253)
```
#cadffe
```
#cadffe rgb(202,223,254)
```

Monochromatic Color

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

#7fd0fc
```
#7fd0fc rgb(127,208,252)
```
#7fc6fc
```
#7fc6fc rgb(127,198,252)
```
#7fbbfc
```
#7fbbfc rgb(127,187,252)
```
#7fb1fc
```
#7fb1fc rgb(127,177,252)
```
#7fa7fc
```
#7fa7fc rgb(127,167,252)
```
#7f9cfc
```
#7f9cfc rgb(127,156,252)
```
#7f92fc
```
#7f92fc rgb(127,146,252)
```

Similar Colors

Text with hexadecimal color #7fb1fc

This text has a font color of #7fb1fc.

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

#7fb1fc background color

This paragraph has a background color of #7fb1fc.

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

#7fb1fc border color

This element has a border color of #7fb1fc.

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

CSS codes

.text {color:#7fb1fc;}

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

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

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)
```
#010a19
```
#010a19 rgb(1,10,25)
```
#01122c
```
#01122c rgb(1,18,44)
```
#011a40
```
#011a40 rgb(1,26,64)
```
#022253
```
#022253 rgb(2,34,83)
```
#022a66
```
#022a66 rgb(2,42,102)
```
#033279
```
#033279 rgb(3,50,121)
```
#033a8c
```
#033a8c rgb(3,58,140)
```
#04429f
```
#04429f rgb(4,66,159)
```
#044ab3
```
#044ab3 rgb(4,74,179)
```
#0552c6
```
#0552c6 rgb(5,82,198)
```
#055ad9
```
#055ad9 rgb(5,90,217)
```
#0662ec
```
#0662ec rgb(6,98,236)
```

Shade Color Variation

#0c6bf9
```
#0c6bf9 rgb(12,107,249)
```
#1f77fa
```
#1f77fa rgb(31,119,250)
```
#3282fa
```
#3282fa rgb(50,130,250)
```
#468efb
```
#468efb rgb(70,142,251)
```
#599afb
```
#599afb rgb(89,154,251)
```
#6ca5fc
```
#6ca5fc rgb(108,165,252)
```
#7fb1fc
```
#7fb1fc rgb(127,177,252)
```
#92bdfc
```
#92bdfc rgb(146,189,252)
```
#a5c8fd
```
#a5c8fd rgb(165,200,253)
```
#b8d4fd
```
#b8d4fd rgb(184,212,253)
```
#cce0fe
```
#cce0fe rgb(204,224,254)
```
#dfebfe
```
#dfebfe rgb(223,235,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 #7fb1fc is the most saturated one.

#bbbdc0
```
#bbbdc0 rgb(187,189,192)
```
#b6bcc5
```
#b6bcc5 rgb(182,188,197)
```
#b1bbca
```
#b1bbca rgb(177,187,202)
```
#acbacf
```
#acbacf rgb(172,186,207)
```
#a7b9d4
```
#a7b9d4 rgb(167,185,212)
```
#a2b8d9
```
#a2b8d9 rgb(162,184,217)
```
#9db7de
```
#9db7de rgb(157,183,222)
```
#98b6e3
```
#98b6e3 rgb(152,182,227)
```
#93b5e8
```
#93b5e8 rgb(147,181,232)
```
#8eb4ed
```
#8eb4ed rgb(142,180,237)
```
#89b3f2
```
#89b3f2 rgb(137,179,242)
```
#84b2f7
```
#84b2f7 rgb(132,178,247)
```
#7fb1fc
```
#7fb1fc rgb(127,177,252)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a2acbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ab0f9 Protanopia 1% of men
#92b2fd Deuteranopia 1% of men
#71becc Tritanopia 0.001% of the population

Trichromacy

#90b0fa Protanomaly 1% of men, 0.01% of women
#8bb1fc Deuteranomaly 6% of men, 0.4% of women
#76b9dd Tritanomaly 0.01% of the population

#7fb1fc hex color

#7fb1fc Color Information

#7fb1fc Color Conversion

Color Schemes with #7fb1fc

Alternatives to #7fb1fc

#7fb1fc Preview

Shades and Tints of #7fb1fc

Tones of #7fb1fc

Color Blindness Simulator