#7cb0e2 hex color

In a RGB color space, hex #7cb0e2 is composed of 48.6% red, 69% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 22.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 209.4 degrees, a saturation of 63.8% and a lightness of 68.6%. #7cb0e2 color hex could be obtained by blending #f8ffff with #0061c5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 49
- G 69
- B 89
RGB color chart
- C 45
- M 22
- Y 0
- K 11
CMYK color chart

● #7cb0e2 color description : Soft blue.

The hexadecimal color #7cb0e2 has RGB values of R:124, G:176, B:226 and CMYK values of C:0.45, M:0.22, Y:0, K:0.11. Its decimal value is 8171746.

Hex triplet	7cb0e2	`#7cb0e2`
RGB Decimal	124, 176, 226	`rgb(124,176,226)`
RGB Percent	48.6, 69, 88.6	`rgb(48.6%,69%,88.6%)`
CMYK	45, 22, 0, 11
HSL	209.4°, 63.8, 68.6	`hsl(209.4,63.8%,68.6%)`
HSV (or HSB)	209.4°, 45.1, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	70.053, -3.997, -30.47
XYZ	37.562, 40.825, 77.848
xyY	0.24, 0.261, 40.825
CIE-LCH	70.053, 30.731, 262.526
CIE-LUV	70.053, -25.296, -47.769
Hunter-Lab	63.894, -6.88, -27.512
Binary	01111100, 10110000, 11100010

#7cb0e2
```
#7cb0e2 rgb(124,176,226)
```
#e2ae7c
```
#e2ae7c rgb(226,174,124)
```

Complementary Color

#7ce2e1
```
#7ce2e1 rgb(124,226,225)
```
#7cb0e2
```
#7cb0e2 rgb(124,176,226)
```
#7c7de2
```
#7c7de2 rgb(124,125,226)
```

Analogous Color

#e2e17c
```
#e2e17c rgb(226,225,124)
```
#7cb0e2
```
#7cb0e2 rgb(124,176,226)
```
#e27c7d
```
#e27c7d rgb(226,124,125)
```

Split Complementary Color

#b0e27c
```
#b0e27c rgb(176,226,124)
```
#7cb0e2
```
#7cb0e2 rgb(124,176,226)
```
#e27cb0
```
#e27cb0 rgb(226,124,176)
```

Triadic Color

#7ce2ae
```
#7ce2ae rgb(124,226,174)
```
#7cb0e2
```
#7cb0e2 rgb(124,176,226)
```
#e27cb0
```
#e27cb0 rgb(226,124,176)
```
#e2ae7c
```
#e2ae7c rgb(226,174,124)
```

Tetradic Color

#3d8ad4
```
#3d8ad4 rgb(61,138,212)
```
#5297d9
```
#5297d9 rgb(82,151,217)
```
#67a3dd
```
#67a3dd rgb(103,163,221)
```
#7cb0e2
```
#7cb0e2 rgb(124,176,226)
```
#91bde7
```
#91bde7 rgb(145,189,231)
```
#a6c9eb
```
#a6c9eb rgb(166,201,235)
```
#bbd6f0
```
#bbd6f0 rgb(187,214,240)
```

Monochromatic Color

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

#7ccae2
```
#7ccae2 rgb(124,202,226)
```
#7cc1e2
```
#7cc1e2 rgb(124,193,226)
```
#7cb9e2
```
#7cb9e2 rgb(124,185,226)
```
#7cb0e2
```
#7cb0e2 rgb(124,176,226)
```
#7ca8e2
```
#7ca8e2 rgb(124,168,226)
```
#7c9fe2
```
#7c9fe2 rgb(124,159,226)
```
#7c97e2
```
#7c97e2 rgb(124,151,226)
```

Similar Colors

Text with hexadecimal color #7cb0e2

This text has a font color of #7cb0e2.

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

#7cb0e2 background color

This paragraph has a background color of #7cb0e2.

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

#7cb0e2 border color

This element has a border color of #7cb0e2.

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

CSS codes

.text {color:#7cb0e2;}

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

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

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, #03080e is the darkest color, while #fcfdfe is the lightest one.

#03080e
```
#03080e rgb(3,8,14)
```
#07121e
```
#07121e rgb(7,18,30)
```
#0a1c2e
```
#0a1c2e rgb(10,28,46)
```
#0e263e
```
#0e263e rgb(14,38,62)
```
#11304e
```
#11304e rgb(17,48,78)
```
#153a5e
```
#153a5e rgb(21,58,94)
```
#18446e
```
#18446e rgb(24,68,110)
```
#1c4e7e
```
#1c4e7e rgb(28,78,126)
```
#1f588e
```
#1f588e rgb(31,88,142)
```
#23629e
```
#23629e rgb(35,98,158)
```
#276cae
```
#276cae rgb(39,108,174)
```
#2a76be
```
#2a76be rgb(42,118,190)
```
#2e80ce
```
#2e80ce rgb(46,128,206)
```

Shade Color Variation

#3c89d4
```
#3c89d4 rgb(60,137,212)
```
#4c93d7
```
#4c93d7 rgb(76,147,215)
```
#5c9ddb
```
#5c9ddb rgb(92,157,219)
```
#6ca6de
```
#6ca6de rgb(108,166,222)
```
#7cb0e2
```
#7cb0e2 rgb(124,176,226)
```
#8cbae6
```
#8cbae6 rgb(140,186,230)
```
#9cc3e9
```
#9cc3e9 rgb(156,195,233)
```
#accded
```
#accded rgb(172,205,237)
```
#bcd7f0
```
#bcd7f0 rgb(188,215,240)
```
#cce0f4
```
#cce0f4 rgb(204,224,244)
```
#dceaf7
```
#dceaf7 rgb(220,234,247)
```
#ecf4fb
```
#ecf4fb rgb(236,244,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#adafb1
```
#adafb1 rgb(173,175,177)
```
#a7afb7
```
#a7afb7 rgb(167,175,183)
```
#a1afbd
```
#a1afbd rgb(161,175,189)
```
#9bafc3
```
#9bafc3 rgb(155,175,195)
```
#95b0c9
```
#95b0c9 rgb(149,176,201)
```
#8eb0d0
```
#8eb0d0 rgb(142,176,208)
```
#88b0d6
```
#88b0d6 rgb(136,176,214)
```
#82b0dc
```
#82b0dc rgb(130,176,220)
```
#7cb0e2
```
#7cb0e2 rgb(124,176,226)
```
#76b0e8
```
#76b0e8 rgb(118,176,232)
```
#70b0ee
```
#70b0ee rgb(112,176,238)
```
#6ab0f4
```
#6ab0f4 rgb(106,176,244)
```
#63b0fb
```
#63b0fb rgb(99,176,251)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9ea8b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1addf Protanopia 1% of men
#9fade6 Deuteranopia 1% of men
#78b9c7 Tritanopia 0.001% of the population

Trichromacy

#93aee0 Protanomaly 1% of men, 0.01% of women
#92aee4 Deuteranomaly 6% of men, 0.4% of women
#79b6d0 Tritanomaly 0.01% of the population

#7cb0e2 hex color

#7cb0e2 Color Information

#7cb0e2 Color Conversion

Color Schemes with #7cb0e2

Alternatives to #7cb0e2

#7cb0e2 Preview

Shades and Tints of #7cb0e2

Tones of #7cb0e2

Color Blindness Simulator