#7fb0eb hex color

In a RGB color space, hex #7fb0eb is composed of 49.8% red, 69% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 25.1% magenta, 0% yellow and 7.8% black. It has a hue angle of 212.8 degrees, a saturation of 73% and a lightness of 71%. #7fb0eb color hex could be obtained by blending #feffff with #0061d7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 50
- G 69
- B 92
RGB color chart
- C 46
- M 25
- Y 0
- K 8
CMYK color chart

● #7fb0eb color description : Soft blue.

The hexadecimal color #7fb0eb has RGB values of R:127, G:176, B:235 and CMYK values of C:0.46, M:0.25, Y:0, K:0.08. Its decimal value is 8368363.

Hex triplet	7fb0eb	`#7fb0eb`
RGB Decimal	127, 176, 235	`rgb(127,176,235)`
RGB Percent	49.8, 69, 92.2	`rgb(49.8%,69%,92.2%)`
CMYK	46, 25, 0, 8
HSL	212.8°, 73, 71	`hsl(212.8,73%,71%)`
HSV (or HSB)	212.8°, 46, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.566, -0.728, -34.574
XYZ	39.27, 41.559, 84.545
xyY	0.237, 0.251, 41.559
CIE-LCH	70.566, 34.582, 268.793
CIE-LUV	70.566, -24.228, -55.165
Hunter-Lab	64.466, -4.082, -32.63
Binary	01111111, 10110000, 11101011

#7fb0eb
```
#7fb0eb rgb(127,176,235)
```
#ebba7f
```
#ebba7f rgb(235,186,127)
```

Complementary Color

#7fe6eb
```
#7fe6eb rgb(127,230,235)
```
#7fb0eb
```
#7fb0eb rgb(127,176,235)
```
#847feb
```
#847feb rgb(132,127,235)
```

Analogous Color

#e6eb7f
```
#e6eb7f rgb(230,235,127)
```
#7fb0eb
```
#7fb0eb rgb(127,176,235)
```
#eb847f
```
#eb847f rgb(235,132,127)
```

Split Complementary Color

#b0eb7f
```
#b0eb7f rgb(176,235,127)
```
#7fb0eb
```
#7fb0eb rgb(127,176,235)
```
#eb7fb0
```
#eb7fb0 rgb(235,127,176)
```

Triadic Color

#7febba
```
#7febba rgb(127,235,186)
```
#7fb0eb
```
#7fb0eb rgb(127,176,235)
```
#eb7fb0
```
#eb7fb0 rgb(235,127,176)
```
#ebba7f
```
#ebba7f rgb(235,186,127)
```

Tetradic Color

#3d87e1
```
#3d87e1 rgb(61,135,225)
```
#5395e4
```
#5395e4 rgb(83,149,228)
```
#69a2e8
```
#69a2e8 rgb(105,162,232)
```
#7fb0eb
```
#7fb0eb rgb(127,176,235)
```
#95beee
```
#95beee rgb(149,190,238)
```
#abcbf2
```
#abcbf2 rgb(171,203,242)
```
#c1d9f5
```
#c1d9f5 rgb(193,217,245)
```

Monochromatic Color

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

#7fcbeb
```
#7fcbeb rgb(127,203,235)
```
#7fc2eb
```
#7fc2eb rgb(127,194,235)
```
#7fb9eb
```
#7fb9eb rgb(127,185,235)
```
#7fb0eb
```
#7fb0eb rgb(127,176,235)
```
#7fa7eb
```
#7fa7eb rgb(127,167,235)
```
#7f9eeb
```
#7f9eeb rgb(127,158,235)
```
#7f95eb
```
#7f95eb rgb(127,149,235)
```

Similar Colors

Text with hexadecimal color #7fb0eb

This text has a font color of #7fb0eb.

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

#7fb0eb background color

This paragraph has a background color of #7fb0eb.

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

#7fb0eb border color

This element has a border color of #7fb0eb.

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

CSS codes

.text {color:#7fb0eb;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#040d19
```
#040d19 rgb(4,13,25)
```
#07162a
```
#07162a rgb(7,22,42)
```
#09203b
```
#09203b rgb(9,32,59)
```
#0c294c
```
#0c294c rgb(12,41,76)
```
#0e325d
```
#0e325d rgb(14,50,93)
```
#113b6e
```
#113b6e rgb(17,59,110)
```
#14447e
```
#14447e rgb(20,68,126)
```
#164d8f
```
#164d8f rgb(22,77,143)
```
#1956a0
```
#1956a0 rgb(25,86,160)
```
#1c60b1
```
#1c60b1 rgb(28,96,177)
```
#1e69c2
```
#1e69c2 rgb(30,105,194)
```
#2172d3
```
#2172d3 rgb(33,114,211)
```

Shade Color Variation

#2a7cde
```
#2a7cde rgb(42,124,222)
```
#3b86e0
```
#3b86e0 rgb(59,134,224)
```
#4c91e3
```
#4c91e3 rgb(76,145,227)
```
#5d9be6
```
#5d9be6 rgb(93,155,230)
```
#6ea6e8
```
#6ea6e8 rgb(110,166,232)
```
#7fb0eb
```
#7fb0eb rgb(127,176,235)
```
#90baee
```
#90baee rgb(144,186,238)
```
#a1c5f0
```
#a1c5f0 rgb(161,197,240)
```
#b2cff3
```
#b2cff3 rgb(178,207,243)
```
#c3daf6
```
#c3daf6 rgb(195,218,246)
```
#d4e4f8
```
#d4e4f8 rgb(212,228,248)
```
#e5effb
```
#e5effb rgb(229,239,251)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#b2b5b8
```
#b2b5b8 rgb(178,181,184)
```
#adb4bd
```
#adb4bd rgb(173,180,189)
```
#a7b4c3
```
#a7b4c3 rgb(167,180,195)
```
#a1b3c9
```
#a1b3c9 rgb(161,179,201)
```
#9bb3cf
```
#9bb3cf rgb(155,179,207)
```
#96b2d4
```
#96b2d4 rgb(150,178,212)
```
#90b2da
```
#90b2da rgb(144,178,218)
```
#8ab1e0
```
#8ab1e0 rgb(138,177,224)
```
#85b1e5
```
#85b1e5 rgb(133,177,229)
```
#7fb0eb
```
#7fb0eb rgb(127,176,235)
```
#79aff1
```
#79aff1 rgb(121,175,241)
```
#74aff6
```
#74aff6 rgb(116,175,246)
```
#6eaefc
```
#6eaefc rgb(110,174,252)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a0aab5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9faee8 Protanopia 1% of men
#9baeed Deuteranopia 1% of men
#78bbc8 Tritanopia 0.001% of the population

Trichromacy

#93afe9 Protanomaly 1% of men, 0.01% of women
#91afec Deuteranomaly 6% of men, 0.4% of women
#7ab7d5 Tritanomaly 0.01% of the population

#7fb0eb hex color

#7fb0eb Color Information

#7fb0eb Color Conversion

Color Schemes with #7fb0eb

Alternatives to #7fb0eb

#7fb0eb Preview

Shades and Tints of #7fb0eb

Tones of #7fb0eb

Color Blindness Simulator