#7eb0eb hex color

In a RGB color space, hex #7eb0eb is composed of 49.4% red, 69% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 25.1% magenta, 0% yellow and 7.8% black. It has a hue angle of 212.5 degrees, a saturation of 73.2% and a lightness of 70.8%. #7eb0eb color hex could be obtained by blending #fcffff with #0061d7. Closest websafe color is: #6699ff.

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

● #7eb0eb color description : Soft blue.

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

Hex triplet	7eb0eb	`#7eb0eb`
RGB Decimal	126, 176, 235	`rgb(126,176,235)`
RGB Percent	49.4, 69, 92.2	`rgb(49.4%,69%,92.2%)`
CMYK	46, 25, 0, 8
HSL	212.5°, 73.2, 70.8	`hsl(212.5,73.2%,70.8%)`
HSV (or HSB)	212.5°, 46.4, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.513, -0.969, -34.661
XYZ	39.122, 41.483, 84.538
xyY	0.237, 0.251, 41.483
CIE-LCH	70.513, 34.674, 268.399
CIE-LUV	70.513, -24.578, -55.275
Hunter-Lab	64.407, -4.289, -32.737
Binary	01111110, 10110000, 11101011

#7eb0eb
```
#7eb0eb rgb(126,176,235)
```
#ebb97e
```
#ebb97e rgb(235,185,126)
```

Complementary Color

#7ee7eb
```
#7ee7eb rgb(126,231,235)
```
#7eb0eb
```
#7eb0eb rgb(126,176,235)
```
#837eeb
```
#837eeb rgb(131,126,235)
```

Analogous Color

#e7eb7e
```
#e7eb7e rgb(231,235,126)
```
#7eb0eb
```
#7eb0eb rgb(126,176,235)
```
#eb837e
```
#eb837e rgb(235,131,126)
```

Split Complementary Color

#b0eb7e
```
#b0eb7e rgb(176,235,126)
```
#7eb0eb
```
#7eb0eb rgb(126,176,235)
```
#eb7eb0
```
#eb7eb0 rgb(235,126,176)
```

Triadic Color

#7eebb9
```
#7eebb9 rgb(126,235,185)
```
#7eb0eb
```
#7eb0eb rgb(126,176,235)
```
#eb7eb0
```
#eb7eb0 rgb(235,126,176)
```
#ebb97e
```
#ebb97e rgb(235,185,126)
```

Tetradic Color

#3c87e1
```
#3c87e1 rgb(60,135,225)
```
#5295e4
```
#5295e4 rgb(82,149,228)
```
#68a2e8
```
#68a2e8 rgb(104,162,232)
```
#7eb0eb
```
#7eb0eb rgb(126,176,235)
```
#94beee
```
#94beee rgb(148,190,238)
```
#aacbf2
```
#aacbf2 rgb(170,203,242)
```
#c0d9f5
```
#c0d9f5 rgb(192,217,245)
```

Monochromatic Color

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

#7ecbeb
```
#7ecbeb rgb(126,203,235)
```
#7ec2eb
```
#7ec2eb rgb(126,194,235)
```
#7eb9eb
```
#7eb9eb rgb(126,185,235)
```
#7eb0eb
```
#7eb0eb rgb(126,176,235)
```
#7ea7eb
```
#7ea7eb rgb(126,167,235)
```
#7e9eeb
```
#7e9eeb rgb(126,158,235)
```
#7e95eb
```
#7e95eb rgb(126,149,235)
```

Similar Colors

Text with hexadecimal color #7eb0eb

This text has a font color of #7eb0eb.

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

#7eb0eb background color

This paragraph has a background color of #7eb0eb.

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

#7eb0eb border color

This element has a border color of #7eb0eb.

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

CSS codes

.text {color:#7eb0eb;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#040d18
```
#040d18 rgb(4,13,24)
```
#061629
```
#061629 rgb(6,22,41)
```
#091f3a
```
#091f3a rgb(9,31,58)
```
#0c294b
```
#0c294b rgb(12,41,75)
```
#0e325c
```
#0e325c rgb(14,50,92)
```
#113b6d
```
#113b6d rgb(17,59,109)
```
#13447e
```
#13447e rgb(19,68,126)
```
#164d8f
```
#164d8f rgb(22,77,143)
```
#1957a0
```
#1957a0 rgb(25,87,160)
```
#1b60b1
```
#1b60b1 rgb(27,96,177)
```
#1e69c2
```
#1e69c2 rgb(30,105,194)
```
#2172d3
```
#2172d3 rgb(33,114,211)
```

Shade Color Variation

#297cde
```
#297cde rgb(41,124,222)
```
#3a86e0
```
#3a86e0 rgb(58,134,224)
```
#4b91e3
```
#4b91e3 rgb(75,145,227)
```
#5c9be6
```
#5c9be6 rgb(92,155,230)
```
#6da6e8
```
#6da6e8 rgb(109,166,232)
```
#7eb0eb
```
#7eb0eb rgb(126,176,235)
```
#8fbaee
```
#8fbaee rgb(143,186,238)
```
#a0c5f0
```
#a0c5f0 rgb(160,197,240)
```
#b1cff3
```
#b1cff3 rgb(177,207,243)
```
#c2daf6
```
#c2daf6 rgb(194,218,246)
```
#d3e4f8
```
#d3e4f8 rgb(211,228,248)
```
#e4eefb
```
#e4eefb rgb(228,238,251)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```

Tint Color Variation

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

#b2b4b7
```
#b2b4b7 rgb(178,180,183)
```
#acb4bd
```
#acb4bd rgb(172,180,189)
```
#a6b3c3
```
#a6b3c3 rgb(166,179,195)
```
#a0b3c9
```
#a0b3c9 rgb(160,179,201)
```
#9bb2ce
```
#9bb2ce rgb(155,178,206)
```
#95b2d4
```
#95b2d4 rgb(149,178,212)
```
#8fb1da
```
#8fb1da rgb(143,177,218)
```
#89b1e0
```
#89b1e0 rgb(137,177,224)
```
#84b0e5
```
#84b0e5 rgb(132,176,229)
```
#7eb0eb
```
#7eb0eb rgb(126,176,235)
```
#78b0f1
```
#78b0f1 rgb(120,176,241)
```
#73aff6
```
#73aff6 rgb(115,175,246)
```
#6daffc
```
#6daffc rgb(109,175,252)
```

Tone Color Variation

Below, you can see how #7eb0eb 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
#9baeee Deuteranopia 1% of men
#77bbc8 Tritanopia 0.001% of the population

Trichromacy

#93afe9 Protanomaly 1% of men, 0.01% of women
#90afec Deuteranomaly 6% of men, 0.4% of women
#79b7d5 Tritanomaly 0.01% of the population

#7eb0eb hex color

#7eb0eb Color Information

#7eb0eb Color Conversion

Color Schemes with #7eb0eb

Alternatives to #7eb0eb

#7eb0eb Preview

Shades and Tints of #7eb0eb

Tones of #7eb0eb

Color Blindness Simulator