#7eb1dc hex color

In a RGB color space, hex #7eb1dc is composed of 49.4% red, 69.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 42.7% cyan, 19.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 207.4 degrees, a saturation of 57.3% and a lightness of 67.8%. #7eb1dc color hex could be obtained by blending #fcffff with #0063b9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 49
- G 69
- B 86
RGB color chart
- C 43
- M 20
- Y 0
- K 14
CMYK color chart

● #7eb1dc color description : Very soft blue.

The hexadecimal color #7eb1dc has RGB values of R:126, G:177, B:220 and CMYK values of C:0.43, M:0.2, Y:0, K:0.14. Its decimal value is 8303068.

Hex triplet	7eb1dc	`#7eb1dc`
RGB Decimal	126, 177, 220	`rgb(126,177,220)`
RGB Percent	49.4, 69.4, 86.3	`rgb(49.4%,69.4%,86.3%)`
CMYK	43, 20, 0, 14
HSL	207.4°, 57.3, 67.8	`hsl(207.4,57.3%,67.8%)`
HSV (or HSB)	207.4°, 42.7, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	70.208, -5.71, -26.942
XYZ	37.242, 41.045, 73.666
xyY	0.245, 0.27, 41.045
CIE-LCH	70.208, 27.541, 258.035
CIE-LUV	70.208, -24.992, -41.65
Hunter-Lab	64.067, -8.356, -23.327
Binary	01111110, 10110001, 11011100

#7eb1dc
```
#7eb1dc rgb(126,177,220)
```
#dca97e
```
#dca97e rgb(220,169,126)
```

Complementary Color

#7edcd8
```
#7edcd8 rgb(126,220,216)
```
#7eb1dc
```
#7eb1dc rgb(126,177,220)
```
#7e82dc
```
#7e82dc rgb(126,130,220)
```

Analogous Color

#dcd87e
```
#dcd87e rgb(220,216,126)
```
#7eb1dc
```
#7eb1dc rgb(126,177,220)
```
#dc7e82
```
#dc7e82 rgb(220,126,130)
```

Split Complementary Color

#b1dc7e
```
#b1dc7e rgb(177,220,126)
```
#7eb1dc
```
#7eb1dc rgb(126,177,220)
```
#dc7eb1
```
#dc7eb1 rgb(220,126,177)
```

Triadic Color

#7edca9
```
#7edca9 rgb(126,220,169)
```
#7eb1dc
```
#7eb1dc rgb(126,177,220)
```
#dc7eb1
```
#dc7eb1 rgb(220,126,177)
```
#dca97e
```
#dca97e rgb(220,169,126)
```

Tetradic Color

#428dcc
```
#428dcc rgb(66,141,204)
```
#5699d1
```
#5699d1 rgb(86,153,209)
```
#6aa5d7
```
#6aa5d7 rgb(106,165,215)
```
#7eb1dc
```
#7eb1dc rgb(126,177,220)
```
#92bde1
```
#92bde1 rgb(146,189,225)
```
#a6c9e7
```
#a6c9e7 rgb(166,201,231)
```
#bad5ec
```
#bad5ec rgb(186,213,236)
```

Monochromatic Color

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

#7ec9dc
```
#7ec9dc rgb(126,201,220)
```
#7ec1dc
```
#7ec1dc rgb(126,193,220)
```
#7eb9dc
```
#7eb9dc rgb(126,185,220)
```
#7eb1dc
```
#7eb1dc rgb(126,177,220)
```
#7ea9dc
```
#7ea9dc rgb(126,169,220)
```
#7ea1dc
```
#7ea1dc rgb(126,161,220)
```
#7e9adc
```
#7e9adc rgb(126,154,220)
```

Similar Colors

Text with hexadecimal color #7eb1dc

This text has a font color of #7eb1dc.

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

#7eb1dc background color

This paragraph has a background color of #7eb1dc.

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

#7eb1dc border color

This element has a border color of #7eb1dc.

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

CSS codes

.text {color:#7eb1dc;}

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

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

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, #03070a is the darkest color, while #f9fcfd is the lightest one.

#03070a
```
#03070a rgb(3,7,10)
```
#071119
```
#071119 rgb(7,17,25)
```
#0b1b29
```
#0b1b29 rgb(11,27,41)
```
#0f2538
```
#0f2538 rgb(15,37,56)
```
#133048
```
#133048 rgb(19,48,72)
```
#183a57
```
#183a57 rgb(24,58,87)
```
#1c4466
```
#1c4466 rgb(28,68,102)
```
#204f76
```
#204f76 rgb(32,79,118)
```
#245985
```
#245985 rgb(36,89,133)
```
#286395
```
#286395 rgb(40,99,149)
```
#2d6da4
```
#2d6da4 rgb(45,109,164)
```
#3178b4
```
#3178b4 rgb(49,120,180)
```
#3582c3
```
#3582c3 rgb(53,130,195)
```

Shade Color Variation

#408ccb
```
#408ccb rgb(64,140,203)
```
#5095cf
```
#5095cf rgb(80,149,207)
```
#5f9ed4
```
#5f9ed4 rgb(95,158,212)
```
#6fa8d8
```
#6fa8d8 rgb(111,168,216)
```
#7eb1dc
```
#7eb1dc rgb(126,177,220)
```
#8dbae0
```
#8dbae0 rgb(141,186,224)
```
#9dc4e4
```
#9dc4e4 rgb(157,196,228)
```
#accde9
```
#accde9 rgb(172,205,233)
```
#bcd6ed
```
#bcd6ed rgb(188,214,237)
```
#cbe0f1
```
#cbe0f1 rgb(203,224,241)
```
#dbe9f5
```
#dbe9f5 rgb(219,233,245)
```
#eaf2f9
```
#eaf2f9 rgb(234,242,249)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#aaadb0
```
#aaadb0 rgb(170,173,176)
```
#a4aeb6
```
#a4aeb6 rgb(164,174,182)
```
#9eaebc
```
#9eaebc rgb(158,174,188)
```
#97afc3
```
#97afc3 rgb(151,175,195)
```
#91afc9
```
#91afc9 rgb(145,175,201)
```
#8bb0cf
```
#8bb0cf rgb(139,176,207)
```
#84b0d6
```
#84b0d6 rgb(132,176,214)
```
#7eb1dc
```
#7eb1dc rgb(126,177,220)
```
#78b2e2
```
#78b2e2 rgb(120,178,226)
```
#71b2e9
```
#71b2e9 rgb(113,178,233)
```
#6bb3ef
```
#6bb3ef rgb(107,179,239)
```
#65b3f5
```
#65b3f5 rgb(101,179,245)
```
#5eb4fc
```
#5eb4fc rgb(94,180,252)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9fa9b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4aed9 Protanopia 1% of men
#a4ade0 Deuteranopia 1% of men
#7cb9c6 Tritanopia 0.001% of the population

Trichromacy

#96afda Protanomaly 1% of men, 0.01% of women
#96aede Deuteranomaly 6% of men, 0.4% of women
#7db6ce Tritanomaly 0.01% of the population

#7eb1dc hex color

#7eb1dc Color Information

#7eb1dc Color Conversion

Color Schemes with #7eb1dc

Alternatives to #7eb1dc

#7eb1dc Preview

Shades and Tints of #7eb1dc

Tones of #7eb1dc

Color Blindness Simulator