#7fb5ff hex color

In a RGB color space, hex #7fb5ff is composed of 49.8% red, 71% green and 100% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 29% magenta, 0% yellow and 0% black. It has a hue angle of 214.7 degrees, a saturation of 100% and a lightness of 74.9%. #7fb5ff color hex could be obtained by blending #feffff with #006bff. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 50
- G 71
- B 100
RGB color chart
- C 50
- M 29
- Y 0
- K 0
CMYK color chart

● #7fb5ff color description : Very light blue.

The hexadecimal color #7fb5ff has RGB values of R:127, G:181, B:255 and CMYK values of C:0.5, M:0.29, Y:0, K:0. Its decimal value is 8369663.

Hex triplet	7fb5ff	`#7fb5ff`
RGB Decimal	127, 181, 255	`rgb(127,181,255)`
RGB Percent	49.8, 71, 100	`rgb(49.8%,71%,100%)`
CMYK	50, 29, 0, 0
HSL	214.7°, 100, 74.9	`hsl(214.7,100%,74.9%)`
HSV (or HSB)	214.7°, 50.2, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.745, 2.271, -42.019
XYZ	43.322, 44.778, 100.962
xyY	0.229, 0.237, 44.778
CIE-LCH	72.745, 42.08, 273.093
CIE-LUV	72.745, -26.095, -68.481
Hunter-Lab	66.916, -1.54, -42.615
Binary	01111111, 10110101, 11111111

#7fb5ff
```
#7fb5ff rgb(127,181,255)
```
#ffc97f
```
#ffc97f rgb(255,201,127)
```

Complementary Color

#7ff5ff
```
#7ff5ff rgb(127,245,255)
```
#7fb5ff
```
#7fb5ff rgb(127,181,255)
```
#897fff
```
#897fff rgb(137,127,255)
```

Analogous Color

#f5ff7f
```
#f5ff7f rgb(245,255,127)
```
#7fb5ff
```
#7fb5ff rgb(127,181,255)
```
#ff897f
```
#ff897f rgb(255,137,127)
```

Split Complementary Color

#b5ff7f
```
#b5ff7f rgb(181,255,127)
```
#7fb5ff
```
#7fb5ff rgb(127,181,255)
```
#ff7fb5
```
#ff7fb5 rgb(255,127,181)
```

Triadic Color

#7fffc9
```
#7fffc9 rgb(127,255,201)
```
#7fb5ff
```
#7fb5ff rgb(127,181,255)
```
#ff7fb5
```
#ff7fb5 rgb(255,127,181)
```
#ffc97f
```
#ffc97f rgb(255,201,127)
```

Tetradic Color

#3389ff
```
#3389ff rgb(51,137,255)
```
#4c98ff
```
#4c98ff rgb(76,152,255)
```
#66a6ff
```
#66a6ff rgb(102,166,255)
```
#7fb5ff
```
#7fb5ff rgb(127,181,255)
```
#99c4ff
```
#99c4ff rgb(153,196,255)
```
#b2d2ff
```
#b2d2ff rgb(178,210,255)
```
#cce1ff
```
#cce1ff rgb(204,225,255)
```

Monochromatic Color

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

#7fd5ff
```
#7fd5ff rgb(127,213,255)
```
#7fcaff
```
#7fcaff rgb(127,202,255)
```
#7fc0ff
```
#7fc0ff rgb(127,192,255)
```
#7fb5ff
```
#7fb5ff rgb(127,181,255)
```
#7faaff
```
#7faaff rgb(127,170,255)
```
#7fa0ff
```
#7fa0ff rgb(127,160,255)
```
#7f95ff
```
#7f95ff rgb(127,149,255)
```

Similar Colors

Text with hexadecimal color #7fb5ff

This text has a font color of #7fb5ff.

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

#7fb5ff background color

This paragraph has a background color of #7fb5ff.

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

#7fb5ff border color

This element has a border color of #7fb5ff.

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

CSS codes

.text {color:#7fb5ff;}

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

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

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

#000409
```
#000409 rgb(0,4,9)
```
#000c1d
```
#000c1d rgb(0,12,29)
```
#001431
```
#001431 rgb(0,20,49)
```
#001d44
```
#001d44 rgb(0,29,68)
```
#002558
```
#002558 rgb(0,37,88)
```
#002d6b
```
#002d6b rgb(0,45,107)
```
#00367f
```
#00367f rgb(0,54,127)
```
#003e93
```
#003e93 rgb(0,62,147)
```
#0046a6
```
#0046a6 rgb(0,70,166)
```
#004eba
```
#004eba rgb(0,78,186)
```
#0057cd
```
#0057cd rgb(0,87,205)
```
#005fe1
```
#005fe1 rgb(0,95,225)
```
#0067f5
```
#0067f5 rgb(0,103,245)
```

Shade Color Variation

#0971ff
```
#0971ff rgb(9,113,255)
```
#1d7cff
```
#1d7cff rgb(29,124,255)
```
#3188ff
```
#3188ff rgb(49,136,255)
```
#4493ff
```
#4493ff rgb(68,147,255)
```
#589eff
```
#589eff rgb(88,158,255)
```
#6baaff
```
#6baaff rgb(107,170,255)
```
#7fb5ff
```
#7fb5ff rgb(127,181,255)
```
#93c0ff
```
#93c0ff rgb(147,192,255)
```
#a6ccff
```
#a6ccff rgb(166,204,255)
```
#bad7ff
```
#bad7ff rgb(186,215,255)
```
#cde2ff
```
#cde2ff rgb(205,226,255)
```
#e1eeff
```
#e1eeff rgb(225,238,255)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```

Tint Color Variation

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

#babec4
```
#babec4 rgb(186,190,196)
```
#b5bdc9
```
#b5bdc9 rgb(181,189,201)
```
#b0bdce
```
#b0bdce rgb(176,189,206)
```
#abbcd3
```
#abbcd3 rgb(171,188,211)
```
#a6bbd8
```
#a6bbd8 rgb(166,187,216)
```
#a1badd
```
#a1badd rgb(161,186,221)
```
#9dbae1
```
#9dbae1 rgb(157,186,225)
```
#98b9e6
```
#98b9e6 rgb(152,185,230)
```
#93b8eb
```
#93b8eb rgb(147,184,235)
```
#8eb7f0
```
#8eb7f0 rgb(142,183,240)
```
#89b7f5
```
#89b7f5 rgb(137,183,245)
```
#84b6fa
```
#84b6fa rgb(132,182,250)
```
#7fb5ff
```
#7fb5ff rgb(127,181,255)
```

Tone Color Variation

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

#9eb4fb Protanopia 1% of men
#96b5ff Deuteranopia 1% of men
#71c2d0 Tritanopia 0.001% of the population

Trichromacy

#92b4fc Protanomaly 1% of men, 0.01% of women
#8eb5ff Deuteranomaly 6% of men, 0.4% of women
#76bde1 Tritanomaly 0.01% of the population

#7fb5ff hex color

#7fb5ff Color Information

#7fb5ff Color Conversion

Color Schemes with #7fb5ff

Alternatives to #7fb5ff

#7fb5ff Preview

Shades and Tints of #7fb5ff

Tones of #7fb5ff

Color Blindness Simulator