#7aabec hex color

In a RGB color space, hex #7aabec is composed of 47.8% red, 67.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 27.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 214.2 degrees, a saturation of 75% and a lightness of 70.2%. #7aabec color hex could be obtained by blending #f4ffff with #0057d9. Closest websafe color is: #6699ff.

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

● #7aabec color description : Soft blue.

The hexadecimal color #7aabec has RGB values of R:122, G:171, B:236 and CMYK values of C:0.48, M:0.28, Y:0, K:0.07. Its decimal value is 8039404.

Hex triplet	7aabec	`#7aabec`
RGB Decimal	122, 171, 236	`rgb(122,171,236)`
RGB Percent	47.8, 67.1, 92.5	`rgb(47.8%,67.1%,92.5%)`
CMYK	48, 28, 0, 7
HSL	214.2°, 75, 70.2	`hsl(214.2,75%,70.2%)`
HSV (or HSB)	214.2°, 48.3, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.981, 1.158, -37.603
XYZ	37.726, 39.318, 84.953
xyY	0.233, 0.243, 39.318
CIE-LCH	68.981, 37.62, 271.764
CIE-LUV	68.981, -24.047, -60.347
Hunter-Lab	62.704, -2.337, -36.436
Binary	01111010, 10101011, 11101100

#7aabec
```
#7aabec rgb(122,171,236)
```
#ecbb7a
```
#ecbb7a rgb(236,187,122)
```

Complementary Color

#7ae4ec
```
#7ae4ec rgb(122,228,236)
```
#7aabec
```
#7aabec rgb(122,171,236)
```
#827aec
```
#827aec rgb(130,122,236)
```

Analogous Color

#e4ec7a
```
#e4ec7a rgb(228,236,122)
```
#7aabec
```
#7aabec rgb(122,171,236)
```
#ec827a
```
#ec827a rgb(236,130,122)
```

Split Complementary Color

#abec7a
```
#abec7a rgb(171,236,122)
```
#7aabec
```
#7aabec rgb(122,171,236)
```
#ec7aab
```
#ec7aab rgb(236,122,171)
```

Triadic Color

#7aecbb
```
#7aecbb rgb(122,236,187)
```
#7aabec
```
#7aabec rgb(122,171,236)
```
#ec7aab
```
#ec7aab rgb(236,122,171)
```
#ecbb7a
```
#ecbb7a rgb(236,187,122)
```

Tetradic Color

#3781e2
```
#3781e2 rgb(55,129,226)
```
#4d8fe6
```
#4d8fe6 rgb(77,143,230)
```
#649de9
```
#649de9 rgb(100,157,233)
```
#7aabec
```
#7aabec rgb(122,171,236)
```
#90b9ef
```
#90b9ef rgb(144,185,239)
```
#a7c7f2
```
#a7c7f2 rgb(167,199,242)
```
#bdd5f6
```
#bdd5f6 rgb(189,213,246)
```

Monochromatic Color

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

#7ac8ec
```
#7ac8ec rgb(122,200,236)
```
#7abeec
```
#7abeec rgb(122,190,236)
```
#7ab5ec
```
#7ab5ec rgb(122,181,236)
```
#7aabec
```
#7aabec rgb(122,171,236)
```
#7aa2ec
```
#7aa2ec rgb(122,162,236)
```
#7a98ec
```
#7a98ec rgb(122,152,236)
```
#7a8fec
```
#7a8fec rgb(122,143,236)
```

Similar Colors

Text with hexadecimal color #7aabec

This text has a font color of #7aabec.

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

#7aabec background color

This paragraph has a background color of #7aabec.

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

#7aabec border color

This element has a border color of #7aabec.

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

CSS codes

.text {color:#7aabec;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#030b15
```
#030b15 rgb(3,11,21)
```
#061427
```
#061427 rgb(6,20,39)
```
#081d38
```
#081d38 rgb(8,29,56)
```
#0a2549
```
#0a2549 rgb(10,37,73)
```
#0d2e5a
```
#0d2e5a rgb(13,46,90)
```
#0f376b
```
#0f376b rgb(15,55,107)
```
#12407c
```
#12407c rgb(18,64,124)
```
#14488e
```
#14488e rgb(20,72,142)
```
#17519f
```
#17519f rgb(23,81,159)
```
#195ab0
```
#195ab0 rgb(25,90,176)
```
#1c63c1
```
#1c63c1 rgb(28,99,193)
```
#1e6cd2
```
#1e6cd2 rgb(30,108,210)
```

Shade Color Variation

#2475e0
```
#2475e0 rgb(36,117,224)
```
#3580e2
```
#3580e2 rgb(53,128,226)
```
#478ae5
```
#478ae5 rgb(71,138,229)
```
#5895e7
```
#5895e7 rgb(88,149,231)
```
#69a0ea
```
#69a0ea rgb(105,160,234)
```
#7aabec
```
#7aabec rgb(122,171,236)
```
#8bb6ee
```
#8bb6ee rgb(139,182,238)
```
#9cc1f1
```
#9cc1f1 rgb(156,193,241)
```
#adccf3
```
#adccf3 rgb(173,204,243)
```
#bfd6f6
```
#bfd6f6 rgb(191,214,246)
```
#d0e1f8
```
#d0e1f8 rgb(208,225,248)
```
#e1ecfb
```
#e1ecfb rgb(225,236,251)
```
#f2f7fd
```
#f2f7fd rgb(242,247,253)
```

Tint Color Variation

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

#afb2b7
```
#afb2b7 rgb(175,178,183)
```
#a9b2bd
```
#a9b2bd rgb(169,178,189)
```
#a3b1c3
```
#a3b1c3 rgb(163,177,195)
```
#9db0c9
```
#9db0c9 rgb(157,176,201)
```
#97afcf
```
#97afcf rgb(151,175,207)
```
#91aed5
```
#91aed5 rgb(145,174,213)
```
#8cadda
```
#8cadda rgb(140,173,218)
```
#86ade0
```
#86ade0 rgb(134,173,224)
```
#80ace6
```
#80ace6 rgb(128,172,230)
```
#7aabec
```
#7aabec rgb(122,171,236)
```
#74aaf2
```
#74aaf2 rgb(116,170,242)
```
#6ea9f8
```
#6ea9f8 rgb(110,169,248)
```
#68a9fe
```
#68a9fe rgb(104,169,254)
```

Tone Color Variation

Below, you can see how #7aabec 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
#9ca5b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98aae9 Protanopia 1% of men
#92abee Deuteranopia 1% of men
#70b7c4 Tritanopia 0.001% of the population

Trichromacy

#8daaea Protanomaly 1% of men, 0.01% of women
#89abed Deuteranomaly 6% of men, 0.4% of women
#74b2d3 Tritanomaly 0.01% of the population

#7aabec hex color

#7aabec Color Information

#7aabec Color Conversion

Color Schemes with #7aabec

Alternatives to #7aabec

#7aabec Preview

Shades and Tints of #7aabec

Tones of #7aabec

Color Blindness Simulator