#7aaff2 Color Information
In a RGB color space, hex #7aaff2 is composed of 47.8% red, 68.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 27.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 213.5 degrees, a saturation of 82.2% and a lightness of 71.4%. #7aaff2 color hex could be obtained by blending #f4ffff with #005fe5. Closest websafe color is: #6699ff.
-
- R 48
- G 69
- B 95
-
- C 50
- M 28
- Y 0
- K 5
● #7aaff2 color description : Soft blue.
#7aaff2 Color Conversion
The hexadecimal color #7aaff2 has RGB values of R:122, G:175, B:242 and CMYK values of C:0.5, M:0.28, Y:0, K:0.05. Its decimal value is 8040434.
Hex triplet | 7aaff2 | #7aaff2 |
---|---|---|
RGB Decimal | 122, 175, 242 | rgb(122,175,242) |
RGB Percent | 47.8, 68.6, 94.9 | rgb(47.8%,68.6%,94.9%) |
CMYK | 50, 28, 0, 5 | |
HSL | 213.5°, 82.2, 71.4 | hsl(213.5,82.2%,71.4%) |
HSV (or HSB) | 213.5°, 49.6, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 70.32, 0.676, -38.784 |
---|---|
XYZ | 39.379, 41.206, 89.878 |
xyY | 0.231, 0.242, 41.206 |
CIE-LCH | 70.32, 38.79, 270.999 |
CIE-LUV | 70.32, -25.54, -62.457 |
Hunter-Lab | 64.192, -2.833, -38.08 |
Binary | 01111010, 10101111, 11110010 |
Color Schemes with #7aaff2
Alternatives to #7aaff2
Below, you can see some colors close to #7aaff2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7aaff2 Preview
This text has a font color of #7aaff2.
<span style="color:#7aaff2;">Text here</span>
This paragraph has a background color of #7aaff2.
<p style="background-color:#7aaff2;">Content here</p>
This element has a border color of #7aaff2.
<div style="border:1px solid #7aaff2;">Content here</div>
.text {color:#7aaff2;}
.background {background-color:#7aaff2;}
.border {border:1px solid #7aaff2;}
Shades and Tints of #7aaff2
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, #01050a is the darkest color, while #f7fafe is the lightest one.
-
#01050a
#01050a
rgb(1,5,10)
-
#030e1c
#030e1c
rgb(3,14,28)
-
#04172e
#04172e
rgb(4,23,46)
-
#062040
#062040
rgb(6,32,64)
-
#082851
#082851
rgb(8,40,81)
-
#0a3163
#0a3163
rgb(10,49,99)
-
#0b3a75
#0b3a75
rgb(11,58,117)
-
#0d4387
#0d4387
rgb(13,67,135)
-
#0f4c99
#0f4c99
rgb(15,76,153)
-
#1155ab
#1155ab
rgb(17,85,171)
-
#125ebd
#125ebd
rgb(18,94,189)
-
#1466cf
#1466cf
rgb(20,102,207)
-
#166fe0
#166fe0
rgb(22,111,224)
-
#2179e9
#2179e9
rgb(33,121,233)
-
#3384eb
#3384eb
rgb(51,132,235)
-
#448fed
#448fed
rgb(68,143,237)
-
#569aef
#569aef
rgb(86,154,239)
-
#68a4f0
#68a4f0
rgb(104,164,240)
-
#7aaff2
#7aaff2
rgb(122,175,242)
-
#8cbaf4
#8cbaf4
rgb(140,186,244)
-
#9ec4f5
#9ec4f5
rgb(158,196,245)
-
#b0cff7
#b0cff7
rgb(176,207,247)
-
#c1daf9
#c1daf9
rgb(193,218,249)
-
#d3e5fb
#d3e5fb
rgb(211,229,251)
-
#e5effc
#e5effc
rgb(229,239,252)
-
#f7fafe
#f7fafe
rgb(247,250,254)
Tones of #7aaff2
A tone is produced by adding gray to any pure hue. In this case, #b2b6ba is the less saturated color, while #6faefd is the most saturated one.
-
#b2b6ba
#b2b6ba
rgb(178,182,186)
-
#adb5bf
#adb5bf
rgb(173,181,191)
-
#a7b4c5
#a7b4c5
rgb(167,180,197)
-
#a1b4cb
#a1b4cb
rgb(161,180,203)
-
#9cb3d0
#9cb3d0
rgb(156,179,208)
-
#96b2d6
#96b2d6
rgb(150,178,214)
-
#90b2dc
#90b2dc
rgb(144,178,220)
-
#8bb1e1
#8bb1e1
rgb(139,177,225)
-
#85b0e7
#85b0e7
rgb(133,176,231)
-
#80b0ec
#80b0ec
rgb(128,176,236)
-
#7aaff2
#7aaff2
rgb(122,175,242)
-
#74aef8
#74aef8
rgb(116,174,248)
-
#6faefd
#6faefd
rgb(111,174,253)
Color Blindness Simulator
Below, you can see how #7aaff2 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.