#7eb5dd hex color

In a RGB color space, hex #7eb5dd is composed of 49.4% red, 71% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 18.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 205.3 degrees, a saturation of 58.3% and a lightness of 68%. #7eb5dd color hex could be obtained by blending #fcffff with #006bbb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 71
- B 87
RGB color chart
- C 43
- M 18
- Y 0
- K 13
CMYK color chart

● #7eb5dd color description : Very soft blue.

The hexadecimal color #7eb5dd has RGB values of R:126, G:181, B:221 and CMYK values of C:0.43, M:0.18, Y:0, K:0.13. Its decimal value is 8304093.

Hex triplet	7eb5dd	`#7eb5dd`
RGB Decimal	126, 181, 221	`rgb(126,181,221)`
RGB Percent	49.4, 71, 86.7	`rgb(49.4%,71%,86.7%)`
CMYK	43, 18, 0, 13
HSL	205.3°, 58.3, 68	`hsl(205.3,58.3%,68%)`
HSV (or HSB)	205.3°, 43, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.352, -7.608, -25.734
XYZ	38.176, 42.702, 74.633
xyY	0.245, 0.275, 42.702
CIE-LCH	71.352, 26.835, 253.531
CIE-LUV	71.352, -26.583, -39.468
Hunter-Lab	65.347, -10.076, -21.973
Binary	01111110, 10110101, 11011101

#7eb5dd
```
#7eb5dd rgb(126,181,221)
```
#dda67e
```
#dda67e rgb(221,166,126)
```

Complementary Color

#7eddd6
```
#7eddd6 rgb(126,221,214)
```
#7eb5dd
```
#7eb5dd rgb(126,181,221)
```
#7e86dd
```
#7e86dd rgb(126,134,221)
```

Analogous Color

#ddd67e
```
#ddd67e rgb(221,214,126)
```
#7eb5dd
```
#7eb5dd rgb(126,181,221)
```
#dd7e86
```
#dd7e86 rgb(221,126,134)
```

Split Complementary Color

#b5dd7e
```
#b5dd7e rgb(181,221,126)
```
#7eb5dd
```
#7eb5dd rgb(126,181,221)
```
#dd7eb5
```
#dd7eb5 rgb(221,126,181)
```

Triadic Color

#7edda6
```
#7edda6 rgb(126,221,166)
```
#7eb5dd
```
#7eb5dd rgb(126,181,221)
```
#dd7eb5
```
#dd7eb5 rgb(221,126,181)
```
#dda67e
```
#dda67e rgb(221,166,126)
```

Tetradic Color

#4192cd
```
#4192cd rgb(65,146,205)
```
#569ed2
```
#569ed2 rgb(86,158,210)
```
#6aa9d8
```
#6aa9d8 rgb(106,169,216)
```
#7eb5dd
```
#7eb5dd rgb(126,181,221)
```
#92c1e2
```
#92c1e2 rgb(146,193,226)
```
#a6cce8
```
#a6cce8 rgb(166,204,232)
```
#bbd8ed
```
#bbd8ed rgb(187,216,237)
```

Monochromatic Color

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

#7ecddd
```
#7ecddd rgb(126,205,221)
```
#7ec5dd
```
#7ec5dd rgb(126,197,221)
```
#7ebddd
```
#7ebddd rgb(126,189,221)
```
#7eb5dd
```
#7eb5dd rgb(126,181,221)
```
#7eaddd
```
#7eaddd rgb(126,173,221)
```
#7ea5dd
```
#7ea5dd rgb(126,165,221)
```
#7e9ddd
```
#7e9ddd rgb(126,157,221)
```

Similar Colors

Text with hexadecimal color #7eb5dd

This text has a font color of #7eb5dd.

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

#7eb5dd background color

This paragraph has a background color of #7eb5dd.

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

#7eb5dd border color

This element has a border color of #7eb5dd.

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

CSS codes

.text {color:#7eb5dd;}

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

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

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

#03070b
```
#03070b rgb(3,7,11)
```
#07121a
```
#07121a rgb(7,18,26)
```
#0b1d2a
```
#0b1d2a rgb(11,29,42)
```
#0f2839
```
#0f2839 rgb(15,40,57)
```
#133249
```
#133249 rgb(19,50,73)
```
#173d58
```
#173d58 rgb(23,61,88)
```
#1b4868
```
#1b4868 rgb(27,72,104)
```
#1f5277
```
#1f5277 rgb(31,82,119)
```
#245d87
```
#245d87 rgb(36,93,135)
```
#286896
```
#286896 rgb(40,104,150)
```
#2c72a6
```
#2c72a6 rgb(44,114,166)
```
#307db5
```
#307db5 rgb(48,125,181)
```
#3488c5
```
#3488c5 rgb(52,136,197)
```

Shade Color Variation

#4091cd
```
#4091cd rgb(64,145,205)
```
#4f9ad1
```
#4f9ad1 rgb(79,154,209)
```
#5fa3d5
```
#5fa3d5 rgb(95,163,213)
```
#6eacd9
```
#6eacd9 rgb(110,172,217)
```
#7eb5dd
```
#7eb5dd rgb(126,181,221)
```
#8ebee1
```
#8ebee1 rgb(142,190,225)
```
#9dc7e5
```
#9dc7e5 rgb(157,199,229)
```
#add0e9
```
#add0e9 rgb(173,208,233)
```
#bcd9ed
```
#bcd9ed rgb(188,217,237)
```
#cce2f1
```
#cce2f1 rgb(204,226,241)
```
#dbeaf6
```
#dbeaf6 rgb(219,234,246)
```
#ebf3fa
```
#ebf3fa rgb(235,243,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#aaaeb1
```
#aaaeb1 rgb(170,174,177)
```
#a4afb7
```
#a4afb7 rgb(164,175,183)
```
#9db0be
```
#9db0be rgb(157,176,190)
```
#97b1c4
```
#97b1c4 rgb(151,177,196)
```
#91b2ca
```
#91b2ca rgb(145,178,202)
```
#8bb3d0
```
#8bb3d0 rgb(139,179,208)
```
#84b4d7
```
#84b4d7 rgb(132,180,215)
```
#7eb5dd
```
#7eb5dd rgb(126,181,221)
```
#78b6e3
```
#78b6e3 rgb(120,182,227)
```
#71b7ea
```
#71b7ea rgb(113,183,234)
```
#6bb8f0
```
#6bb8f0 rgb(107,184,240)
```
#65b9f6
```
#65b9f6 rgb(101,185,246)
```
#5fbafc
```
#5fbafc rgb(95,186,252)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a0abb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b1d9 Protanopia 1% of men
#a8b0e2 Deuteranopia 1% of men
#7dbcca Tritanopia 0.001% of the population

Trichromacy

#99b2db Protanomaly 1% of men, 0.01% of women
#99b1e0 Deuteranomaly 6% of men, 0.4% of women
#7db9d1 Tritanomaly 0.01% of the population

#7eb5dd hex color

#7eb5dd Color Information

#7eb5dd Color Conversion

Color Schemes with #7eb5dd

Alternatives to #7eb5dd

#7eb5dd Preview

Shades and Tints of #7eb5dd

Tones of #7eb5dd

Color Blindness Simulator