#7fb5fd hex color

In a RGB color space, hex #7fb5fd is composed of 49.8% red, 71% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 28.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 214.3 degrees, a saturation of 96.9% and a lightness of 74.5%. #7fb5fd color hex could be obtained by blending #feffff with #006bfb. 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

● #7fb5fd color description : Soft blue.

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

Hex triplet	7fb5fd	`#7fb5fd`
RGB Decimal	127, 181, 253	`rgb(127,181,253)`
RGB Percent	49.8, 71, 99.2	`rgb(49.8%,71%,99.2%)`
CMYK	50, 28, 0, 1
HSL	214.3°, 96.9, 74.5	`hsl(214.3,96.9%,74.5%)`
HSV (or HSB)	214.3°, 49.8, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.66, 1.685, -41.073
XYZ	43.002, 44.649, 99.275
xyY	0.23, 0.239, 44.649
CIE-LCH	72.66, 41.107, 272.35
CIE-LUV	72.66, -26.1, -66.777
Hunter-Lab	66.82, -2.062, -41.313
Binary	01111111, 10110101, 11111101

#7fb5fd
```
#7fb5fd rgb(127,181,253)
```
#fdc77f
```
#fdc77f rgb(253,199,127)
```

Complementary Color

#7ff4fd
```
#7ff4fd rgb(127,244,253)
```
#7fb5fd
```
#7fb5fd rgb(127,181,253)
```
#887ffd
```
#887ffd rgb(136,127,253)
```

Analogous Color

#f4fd7f
```
#f4fd7f rgb(244,253,127)
```
#7fb5fd
```
#7fb5fd rgb(127,181,253)
```
#fd887f
```
#fd887f rgb(253,136,127)
```

Split Complementary Color

#b5fd7f
```
#b5fd7f rgb(181,253,127)
```
#7fb5fd
```
#7fb5fd rgb(127,181,253)
```
#fd7fb5
```
#fd7fb5 rgb(253,127,181)
```

Triadic Color

#7ffdc7
```
#7ffdc7 rgb(127,253,199)
```
#7fb5fd
```
#7fb5fd rgb(127,181,253)
```
#fd7fb5
```
#fd7fb5 rgb(253,127,181)
```
#fdc77f
```
#fdc77f rgb(253,199,127)
```

Tetradic Color

#3489fc
```
#3489fc rgb(52,137,252)
```
#4d98fc
```
#4d98fc rgb(77,152,252)
```
#66a6fd
```
#66a6fd rgb(102,166,253)
```
#7fb5fd
```
#7fb5fd rgb(127,181,253)
```
#98c4fd
```
#98c4fd rgb(152,196,253)
```
#b1d2fe
```
#b1d2fe rgb(177,210,254)
```
#cae1fe
```
#cae1fe rgb(202,225,254)
```

Monochromatic Color

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

#7fd5fd
```
#7fd5fd rgb(127,213,253)
```
#7fcafd
```
#7fcafd rgb(127,202,253)
```
#7fc0fd
```
#7fc0fd rgb(127,192,253)
```
#7fb5fd
```
#7fb5fd rgb(127,181,253)
```
#7fabfd
```
#7fabfd rgb(127,171,253)
```
#7fa0fd
```
#7fa0fd rgb(127,160,253)
```
#7f96fd
```
#7f96fd rgb(127,150,253)
```

Similar Colors

Text with hexadecimal color #7fb5fd

This text has a font color of #7fb5fd.

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

#7fb5fd background color

This paragraph has a background color of #7fb5fd.

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

#7fb5fd border color

This element has a border color of #7fb5fd.

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

CSS codes

.text {color:#7fb5fd;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#000c1b
```
#000c1b rgb(0,12,27)
```
#01142e
```
#01142e rgb(1,20,46)
```
#011c41
```
#011c41 rgb(1,28,65)
```
#012554
```
#012554 rgb(1,37,84)
```
#022d68
```
#022d68 rgb(2,45,104)
```
#02367b
```
#02367b rgb(2,54,123)
```
#023e8e
```
#023e8e rgb(2,62,142)
```
#0347a2
```
#0347a2 rgb(3,71,162)
```
#034fb5
```
#034fb5 rgb(3,79,181)
```
#0358c8
```
#0358c8 rgb(3,88,200)
```
#0360dc
```
#0360dc rgb(3,96,220)
```
#0469ef
```
#0469ef rgb(4,105,239)
```

Shade Color Variation

#0b72fb
```
#0b72fb rgb(11,114,251)
```
#1e7dfb
```
#1e7dfb rgb(30,125,251)
```
#3288fc
```
#3288fc rgb(50,136,252)
```
#4594fc
```
#4594fc rgb(69,148,252)
```
#589ffc
```
#589ffc rgb(88,159,252)
```
#6caafd
```
#6caafd rgb(108,170,253)
```
#7fb5fd
```
#7fb5fd rgb(127,181,253)
```
#92c0fd
```
#92c0fd rgb(146,192,253)
```
#a6cbfe
```
#a6cbfe rgb(166,203,254)
```
#b9d6fe
```
#b9d6fe rgb(185,214,254)
```
#cce2fe
```
#cce2fe rgb(204,226,254)
```
#e0edff
```
#e0edff rgb(224,237,255)
```
#f3f8ff
```
#f3f8ff rgb(243,248,255)
```

Tint Color Variation

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

#bbbec1
```
#bbbec1 rgb(187,190,193)
```
#b6bdc6
```
#b6bdc6 rgb(182,189,198)
```
#b1bccb
```
#b1bccb rgb(177,188,203)
```
#acbbd0
```
#acbbd0 rgb(172,187,208)
```
#a7bbd5
```
#a7bbd5 rgb(167,187,213)
```
#a2bada
```
#a2bada rgb(162,186,218)
```
#9db9df
```
#9db9df rgb(157,185,223)
```
#98b9e4
```
#98b9e4 rgb(152,185,228)
```
#93b8e9
```
#93b8e9 rgb(147,184,233)
```
#8eb7ee
```
#8eb7ee rgb(142,183,238)
```
#89b6f3
```
#89b6f3 rgb(137,182,243)
```
#84b6f8
```
#84b6f8 rgb(132,182,248)
```
#7fb5fd
```
#7fb5fd rgb(127,181,253)
```

Tone Color Variation

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

#9fb3f9 Protanopia 1% of men
#97b4fe Deuteranopia 1% of men
#72c1d0 Tritanopia 0.001% of the population

Trichromacy

#93b4fa Protanomaly 1% of men, 0.01% of women
#8eb4fe Deuteranomaly 6% of men, 0.4% of women
#77bde0 Tritanomaly 0.01% of the population

#7fb5fd hex color

#7fb5fd Color Information

#7fb5fd Color Conversion

Color Schemes with #7fb5fd

Alternatives to #7fb5fd

#7fb5fd Preview

Shades and Tints of #7fb5fd

Tones of #7fb5fd

Color Blindness Simulator