#7aabed hex color

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

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

● #7aabed color description : Soft blue.

The hexadecimal color #7aabed has RGB values of R:122, G:171, B:237 and CMYK values of C:0.49, M:0.28, Y:0, K:0.07. Its decimal value is 8039405.

Hex triplet	7aabed	`#7aabed`
RGB Decimal	122, 171, 237	`rgb(122,171,237)`
RGB Percent	47.8, 67.1, 92.9	`rgb(47.8%,67.1%,92.9%)`
CMYK	49, 28, 0, 7
HSL	214.4°, 76.2, 70.4	`hsl(214.4,76.2%,70.4%)`
HSV (or HSB)	214.4°, 48.5, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.023, 1.45, -38.083
XYZ	37.872, 39.376, 85.721
xyY	0.232, 0.242, 39.376
CIE-LCH	69.023, 38.11, 272.18
CIE-LUV	69.023, -24.047, -61.202
Hunter-Lab	62.75, -2.083, -37.069
Binary	01111010, 10101011, 11101101

#7aabed
```
#7aabed rgb(122,171,237)
```
#edbc7a
```
#edbc7a rgb(237,188,122)
```

Complementary Color

#7ae5ed
```
#7ae5ed rgb(122,229,237)
```
#7aabed
```
#7aabed rgb(122,171,237)
```
#837aed
```
#837aed rgb(131,122,237)
```

Analogous Color

#e5ed7a
```
#e5ed7a rgb(229,237,122)
```
#7aabed
```
#7aabed rgb(122,171,237)
```
#ed837a
```
#ed837a rgb(237,131,122)
```

Split Complementary Color

#abed7a
```
#abed7a rgb(171,237,122)
```
#7aabed
```
#7aabed rgb(122,171,237)
```
#ed7aab
```
#ed7aab rgb(237,122,171)
```

Triadic Color

#7aedbc
```
#7aedbc rgb(122,237,188)
```
#7aabed
```
#7aabed rgb(122,171,237)
```
#ed7aab
```
#ed7aab rgb(237,122,171)
```
#edbc7a
```
#edbc7a rgb(237,188,122)
```

Tetradic Color

#3780e4
```
#3780e4 rgb(55,128,228)
```
#4d8fe7
```
#4d8fe7 rgb(77,143,231)
```
#649dea
```
#649dea rgb(100,157,234)
```
#7aabed
```
#7aabed rgb(122,171,237)
```
#90b9f0
```
#90b9f0 rgb(144,185,240)
```
#a7c7f3
```
#a7c7f3 rgb(167,199,243)
```
#bdd6f6
```
#bdd6f6 rgb(189,214,246)
```

Monochromatic Color

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

#7ac8ed
```
#7ac8ed rgb(122,200,237)
```
#7abeed
```
#7abeed rgb(122,190,237)
```
#7ab5ed
```
#7ab5ed rgb(122,181,237)
```
#7aabed
```
#7aabed rgb(122,171,237)
```
#7aa1ed
```
#7aa1ed rgb(122,161,237)
```
#7a98ed
```
#7a98ed rgb(122,152,237)
```
#7a8eed
```
#7a8eed rgb(122,142,237)
```

Similar Colors

Text with hexadecimal color #7aabed

This text has a font color of #7aabed.

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

#7aabed background color

This paragraph has a background color of #7aabed.

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

#7aabed border color

This element has a border color of #7aabed.

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

CSS codes

.text {color:#7aabed;}

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

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

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 #f3f7fd is the lightest one.

#010305
```
#010305 rgb(1,3,5)
```
#030b16
```
#030b16 rgb(3,11,22)
```
#051428
```
#051428 rgb(5,20,40)
```
#081d39
```
#081d39 rgb(8,29,57)
```
#0a254a
```
#0a254a rgb(10,37,74)
```
#0c2e5c
```
#0c2e5c rgb(12,46,92)
```
#0f376d
```
#0f376d rgb(15,55,109)
```
#11407e
```
#11407e rgb(17,64,126)
```
#13488f
```
#13488f rgb(19,72,143)
```
#1651a1
```
#1651a1 rgb(22,81,161)
```
#185ab2
```
#185ab2 rgb(24,90,178)
```
#1a62c3
```
#1a62c3 rgb(26,98,195)
```
#1d6bd5
```
#1d6bd5 rgb(29,107,213)
```

Shade Color Variation

#2474e1
```
#2474e1 rgb(36,116,225)
```
#357fe4
```
#357fe4 rgb(53,127,228)
```
#468ae6
```
#468ae6 rgb(70,138,230)
```
#5795e8
```
#5795e8 rgb(87,149,232)
```
#69a0eb
```
#69a0eb rgb(105,160,235)
```
#7aabed
```
#7aabed rgb(122,171,237)
```
#8bb6ef
```
#8bb6ef rgb(139,182,239)
```
#9dc1f2
```
#9dc1f2 rgb(157,193,242)
```
#aeccf4
```
#aeccf4 rgb(174,204,244)
```
#bfd7f6
```
#bfd7f6 rgb(191,215,246)
```
#d0e2f9
```
#d0e2f9 rgb(208,226,249)
```
#e2ecfb
```
#e2ecfb rgb(226,236,251)
```
#f3f7fd
```
#f3f7fd rgb(243,247,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 #69a8fe is the most saturated one.

#aeb3b9
```
#aeb3b9 rgb(174,179,185)
```
#a8b2bf
```
#a8b2bf rgb(168,178,191)
```
#a3b1c4
```
#a3b1c4 rgb(163,177,196)
```
#9db0ca
```
#9db0ca rgb(157,176,202)
```
#97afd0
```
#97afd0 rgb(151,175,208)
```
#91aed6
```
#91aed6 rgb(145,174,214)
```
#8baedc
```
#8baedc rgb(139,174,220)
```
#86ade1
```
#86ade1 rgb(134,173,225)
```
#80ace7
```
#80ace7 rgb(128,172,231)
```
#7aabed
```
#7aabed rgb(122,171,237)
```
#74aaf3
```
#74aaf3 rgb(116,170,243)
```
#6ea9f9
```
#6ea9f9 rgb(110,169,249)
```
#69a8fe
```
#69a8fe rgb(105,168,254)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9ca5b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98aaea Protanopia 1% of men
#91abef Deuteranopia 1% of men
#70b7c4 Tritanopia 0.001% of the population

Trichromacy

#8daaeb Protanomaly 1% of men, 0.01% of women
#89abee Deuteranomaly 6% of men, 0.4% of women
#73b3d3 Tritanomaly 0.01% of the population

#7aabed hex color

#7aabed Color Information

#7aabed Color Conversion

Color Schemes with #7aabed

Alternatives to #7aabed

#7aabed Preview

Shades and Tints of #7aabed

Tones of #7aabed

Color Blindness Simulator