#7aaded hex color

In a RGB color space, hex #7aaded is composed of 47.8% red, 67.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 27% magenta, 0% yellow and 7.1% black. It has a hue angle of 213.4 degrees, a saturation of 76.2% and a lightness of 70.4%. #7aaded color hex could be obtained by blending #f4ffff with #005bdb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 68
- B 93
RGB color chart
- C 49
- M 27
- Y 0
- K 7
CMYK color chart

● #7aaded color description : Soft blue.

The hexadecimal color #7aaded has RGB values of R:122, G:173, B:237 and CMYK values of C:0.49, M:0.27, Y:0, K:0.07. Its decimal value is 8039917.

Hex triplet	7aaded	`#7aaded`
RGB Decimal	122, 173, 237	`rgb(122,173,237)`
RGB Percent	47.8, 67.8, 92.9	`rgb(47.8%,67.8%,92.9%)`
CMYK	49, 27, 0, 7
HSL	213.4°, 76.2, 70.4	`hsl(213.4,76.2%,70.4%)`
HSV (or HSB)	213.4°, 48.5, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.567, 0.331, -37.235
XYZ	38.252, 40.137, 85.848
xyY	0.233, 0.244, 40.137
CIE-LCH	69.567, 37.237, 270.51
CIE-LUV	69.567, -24.801, -59.693
Hunter-Lab	63.354, -3.094, -35.993
Binary	01111010, 10101101, 11101101

#7aaded
```
#7aaded rgb(122,173,237)
```
#edba7a
```
#edba7a rgb(237,186,122)
```

Complementary Color

#7ae7ed
```
#7ae7ed rgb(122,231,237)
```
#7aaded
```
#7aaded rgb(122,173,237)
```
#817aed
```
#817aed rgb(129,122,237)
```

Analogous Color

#e7ed7a
```
#e7ed7a rgb(231,237,122)
```
#7aaded
```
#7aaded rgb(122,173,237)
```
#ed817a
```
#ed817a rgb(237,129,122)
```

Split Complementary Color

#aded7a
```
#aded7a rgb(173,237,122)
```
#7aaded
```
#7aaded rgb(122,173,237)
```
#ed7aad
```
#ed7aad rgb(237,122,173)
```

Triadic Color

#7aedba
```
#7aedba rgb(122,237,186)
```
#7aaded
```
#7aaded rgb(122,173,237)
```
#ed7aad
```
#ed7aad rgb(237,122,173)
```
#edba7a
```
#edba7a rgb(237,186,122)
```

Tetradic Color

#3783e4
```
#3783e4 rgb(55,131,228)
```
#4d91e7
```
#4d91e7 rgb(77,145,231)
```
#649fea
```
#649fea rgb(100,159,234)
```
#7aaded
```
#7aaded rgb(122,173,237)
```
#90bbf0
```
#90bbf0 rgb(144,187,240)
```
#a7c9f3
```
#a7c9f3 rgb(167,201,243)
```
#bdd7f6
```
#bdd7f6 rgb(189,215,246)
```

Monochromatic Color

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

#7acaed
```
#7acaed rgb(122,202,237)
```
#7ac0ed
```
#7ac0ed rgb(122,192,237)
```
#7ab7ed
```
#7ab7ed rgb(122,183,237)
```
#7aaded
```
#7aaded rgb(122,173,237)
```
#7aa3ed
```
#7aa3ed rgb(122,163,237)
```
#7a9aed
```
#7a9aed rgb(122,154,237)
```
#7a90ed
```
#7a90ed rgb(122,144,237)
```

Similar Colors

Text with hexadecimal color #7aaded

This text has a font color of #7aaded.

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

#7aaded background color

This paragraph has a background color of #7aaded.

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

#7aaded border color

This element has a border color of #7aaded.

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

CSS codes

.text {color:#7aaded;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#030c16
```
#030c16 rgb(3,12,22)
```
#051528
```
#051528 rgb(5,21,40)
```
#081e39
```
#081e39 rgb(8,30,57)
```
#0a274a
```
#0a274a rgb(10,39,74)
```
#0c305c
```
#0c305c rgb(12,48,92)
```
#0f386d
```
#0f386d rgb(15,56,109)
```
#11417e
```
#11417e rgb(17,65,126)
```
#134a8f
```
#134a8f rgb(19,74,143)
```
#1653a1
```
#1653a1 rgb(22,83,161)
```
#185cb2
```
#185cb2 rgb(24,92,178)
```
#1a65c3
```
#1a65c3 rgb(26,101,195)
```
#1d6ed5
```
#1d6ed5 rgb(29,110,213)
```

Shade Color Variation

#2478e1
```
#2478e1 rgb(36,120,225)
```
#3582e4
```
#3582e4 rgb(53,130,228)
```
#468de6
```
#468de6 rgb(70,141,230)
```
#5798e8
```
#5798e8 rgb(87,152,232)
```
#69a2eb
```
#69a2eb rgb(105,162,235)
```
#7aaded
```
#7aaded rgb(122,173,237)
```
#8bb8ef
```
#8bb8ef rgb(139,184,239)
```
#9dc2f2
```
#9dc2f2 rgb(157,194,242)
```
#aecdf4
```
#aecdf4 rgb(174,205,244)
```
#bfd8f6
```
#bfd8f6 rgb(191,216,246)
```
#d0e2f9
```
#d0e2f9 rgb(208,226,249)
```
#e2edfb
```
#e2edfb rgb(226,237,251)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```

Tint Color Variation

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

#aeb3b9
```
#aeb3b9 rgb(174,179,185)
```
#a8b2bf
```
#a8b2bf rgb(168,178,191)
```
#a3b2c4
```
#a3b2c4 rgb(163,178,196)
```
#9db1ca
```
#9db1ca rgb(157,177,202)
```
#97b0d0
```
#97b0d0 rgb(151,176,208)
```
#91b0d6
```
#91b0d6 rgb(145,176,214)
```
#8bafdc
```
#8bafdc rgb(139,175,220)
```
#86aee1
```
#86aee1 rgb(134,174,225)
```
#80aee7
```
#80aee7 rgb(128,174,231)
```
#7aaded
```
#7aaded rgb(122,173,237)
```
#74acf3
```
#74acf3 rgb(116,172,243)
```
#6eacf9
```
#6eacf9 rgb(110,172,249)
```
#69abfe
```
#69abfe rgb(105,171,254)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9ca7b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aacea Protanopia 1% of men
#94acef Deuteranopia 1% of men
#71b9c6 Tritanopia 0.001% of the population

Trichromacy

#8eaceb Protanomaly 1% of men, 0.01% of women
#8aacee Deuteranomaly 6% of men, 0.4% of women
#74b4d4 Tritanomaly 0.01% of the population

#7aaded hex color

#7aaded Color Information

#7aaded Color Conversion

Color Schemes with #7aaded

Alternatives to #7aaded

#7aaded Preview

Shades and Tints of #7aaded

Tones of #7aaded

Color Blindness Simulator