#7eadd2 hex color

In a RGB color space, hex #7eadd2 is composed of 49.4% red, 67.8% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 17.6% magenta, 0% yellow and 17.6% black. It has a hue angle of 206.4 degrees, a saturation of 48.3% and a lightness of 65.9%. #7eadd2 color hex could be obtained by blending #fcffff with #005ba5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 49
- G 68
- B 82
RGB color chart
- C 40
- M 18
- Y 0
- K 18
CMYK color chart

● #7eadd2 color description : Slightly desaturated blue.

The hexadecimal color #7eadd2 has RGB values of R:126, G:173, B:210 and CMYK values of C:0.4, M:0.18, Y:0, K:0.18. Its decimal value is 8302034.

Hex triplet	7eadd2	`#7eadd2`
RGB Decimal	126, 173, 210	`rgb(126,173,210)`
RGB Percent	49.4, 67.8, 82.4	`rgb(49.4%,67.8%,82.4%)`
CMYK	40, 18, 0, 18
HSL	206.4°, 48.3, 65.9	`hsl(206.4,48.3%,65.9%)`
HSV (or HSB)	206.4°, 40, 82.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.733, -6.239, -23.715
XYZ	35.178, 38.974, 66.638
xyY	0.25, 0.277, 38.974
CIE-LCH	68.733, 24.521, 255.261
CIE-LUV	68.733, -23.392, -36.113
Hunter-Lab	62.429, -8.67, -19.587
Binary	01111110, 10101101, 11010010

#7eadd2
```
#7eadd2 rgb(126,173,210)
```
#d2a37e
```
#d2a37e rgb(210,163,126)
```

Complementary Color

#7ed2cd
```
#7ed2cd rgb(126,210,205)
```
#7eadd2
```
#7eadd2 rgb(126,173,210)
```
#7e83d2
```
#7e83d2 rgb(126,131,210)
```

Analogous Color

#d2cd7e
```
#d2cd7e rgb(210,205,126)
```
#7eadd2
```
#7eadd2 rgb(126,173,210)
```
#d27e83
```
#d27e83 rgb(210,126,131)
```

Split Complementary Color

#add27e
```
#add27e rgb(173,210,126)
```
#7eadd2
```
#7eadd2 rgb(126,173,210)
```
#d27ead
```
#d27ead rgb(210,126,173)
```

Triadic Color

#7ed2a3
```
#7ed2a3 rgb(126,210,163)
```
#7eadd2
```
#7eadd2 rgb(126,173,210)
```
#d27ead
```
#d27ead rgb(210,126,173)
```
#d2a37e
```
#d2a37e rgb(210,163,126)
```

Tetradic Color

#4589be
```
#4589be rgb(69,137,190)
```
#5895c5
```
#5895c5 rgb(88,149,197)
```
#6ba1cb
```
#6ba1cb rgb(107,161,203)
```
#7eadd2
```
#7eadd2 rgb(126,173,210)
```
#91b9d9
```
#91b9d9 rgb(145,185,217)
```
#a4c5df
```
#a4c5df rgb(164,197,223)
```
#b7d1e6
```
#b7d1e6 rgb(183,209,230)
```

Monochromatic Color

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

#7ec2d2
```
#7ec2d2 rgb(126,194,210)
```
#7ebbd2
```
#7ebbd2 rgb(126,187,210)
```
#7eb4d2
```
#7eb4d2 rgb(126,180,210)
```
#7eadd2
```
#7eadd2 rgb(126,173,210)
```
#7ea6d2
```
#7ea6d2 rgb(126,166,210)
```
#7e9fd2
```
#7e9fd2 rgb(126,159,210)
```
#7e98d2
```
#7e98d2 rgb(126,152,210)
```

Similar Colors

Text with hexadecimal color #7eadd2

This text has a font color of #7eadd2.

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

#7eadd2 background color

This paragraph has a background color of #7eadd2.

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

#7eadd2 border color

This element has a border color of #7eadd2.

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

CSS codes

.text {color:#7eadd2;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060c10
```
#060c10 rgb(6,12,16)
```
#0b161f
```
#0b161f rgb(11,22,31)
```
#10202e
```
#10202e rgb(16,32,46)
```
#152b3c
```
#152b3c rgb(21,43,60)
```
#1a354b
```
#1a354b rgb(26,53,75)
```
#1f4059
```
#1f4059 rgb(31,64,89)
```
#244a68
```
#244a68 rgb(36,74,104)
```
#295476
```
#295476 rgb(41,84,118)
```
#2e5f85
```
#2e5f85 rgb(46,95,133)
```
#336993
```
#336993 rgb(51,105,147)
```
#3873a2
```
#3873a2 rgb(56,115,162)
```
#3e7eb0
```
#3e7eb0 rgb(62,126,176)
```

Shade Color Variation

#4488be
```
#4488be rgb(68,136,190)
```
#5291c3
```
#5291c3 rgb(82,145,195)
```
#619bc8
```
#619bc8 rgb(97,155,200)
```
#6fa4cd
```
#6fa4cd rgb(111,164,205)
```
#7eadd2
```
#7eadd2 rgb(126,173,210)
```
#8db6d7
```
#8db6d7 rgb(141,182,215)
```
#9bbfdc
```
#9bbfdc rgb(155,191,220)
```
#aac9e1
```
#aac9e1 rgb(170,201,225)
```
#b8d2e6
```
#b8d2e6 rgb(184,210,230)
```
#c7dbeb
```
#c7dbeb rgb(199,219,235)
```
#d5e4f0
```
#d5e4f0 rgb(213,228,240)
```
#e4eef6
```
#e4eef6 rgb(228,238,246)
```
#f2f7fb
```
#f2f7fb rgb(242,247,251)
```

Tint Color Variation

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

#a6a8aa
```
#a6a8aa rgb(166,168,170)
```
#9fa9b1
```
#9fa9b1 rgb(159,169,177)
```
#99aab7
```
#99aab7 rgb(153,170,183)
```
#92abbe
```
#92abbe rgb(146,171,190)
```
#8babc5
```
#8babc5 rgb(139,171,197)
```
#85accb
```
#85accb rgb(133,172,203)
```
#7eadd2
```
#7eadd2 rgb(126,173,210)
```
#77aed9
```
#77aed9 rgb(119,174,217)
```
#71afdf
```
#71afdf rgb(113,175,223)
```
#6aafe6
```
#6aafe6 rgb(106,175,230)
```
#63b0ed
```
#63b0ed rgb(99,176,237)
```
#5db1f3
```
#5db1f3 rgb(93,177,243)
```
#56b2fa
```
#56b2fa rgb(86,178,250)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#9ca5ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2aad0 Protanopia 1% of men
#a4a9d7 Deuteranopia 1% of men
#7eb4c1 Tritanopia 0.001% of the population

Trichromacy

#95abd0 Protanomaly 1% of men, 0.01% of women
#96aad5 Deuteranomaly 6% of men, 0.4% of women
#7eb1c7 Tritanomaly 0.01% of the population

#7eadd2 hex color

#7eadd2 Color Information

#7eadd2 Color Conversion

Color Schemes with #7eadd2

Alternatives to #7eadd2

#7eadd2 Preview

Shades and Tints of #7eadd2

Tones of #7eadd2

Color Blindness Simulator