#7baffd Color Information
In a RGB color space, hex #7baffd is composed of 48.2% red, 68.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 30.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 216 degrees, a saturation of 97% and a lightness of 73.7%. #7baffd color hex could be obtained by blending #f6ffff with #005ffb. Closest websafe color is: #6699ff.
-
- R 48
- G 69
- B 99
-
- C 51
- M 31
- Y 0
- K 1
● #7baffd color description : Soft blue.
#7baffd Color Conversion
The hexadecimal color #7baffd has RGB values of R:123, G:175, B:253 and CMYK values of C:0.51, M:0.31, Y:0, K:0.01. Its decimal value is 8105981.
Hex triplet | 7baffd | #7baffd |
---|---|---|
RGB Decimal | 123, 175, 253 | rgb(123,175,253) |
RGB Percent | 48.2, 68.6, 99.2 | rgb(48.2%,68.6%,99.2%) |
CMYK | 51, 31, 0, 1 | |
HSL | 216°, 97, 73.7 | hsl(216,97%,73.7%) |
HSV (or HSB) | 216°, 51.4, 99.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 70.844, 4.151, -43.927 |
---|---|
XYZ | 41.224, 41.961, 98.85 |
xyY | 0.226, 0.231, 41.961 |
CIE-LCH | 70.844, 44.123, 275.399 |
CIE-LUV | 70.844, -25.187, -71.722 |
Hunter-Lab | 64.777, 0.237, -45.133 |
Binary | 01111011, 10101111, 11111101 |
Color Schemes with #7baffd
Alternatives to #7baffd
Below, you can see some colors close to #7baffd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7baffd Preview
This text has a font color of #7baffd.
<span style="color:#7baffd;">Text here</span>
This paragraph has a background color of #7baffd.
<p style="background-color:#7baffd;">Content here</p>
This element has a border color of #7baffd.
<div style="border:1px solid #7baffd;">Content here</div>
.text {color:#7baffd;}
.background {background-color:#7baffd;}
.border {border:1px solid #7baffd;}
Shades and Tints of #7baffd
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, #000103 is the darkest color, while #eff5ff is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#000917
#000917
rgb(0,9,23)
-
#01112a
#01112a
rgb(1,17,42)
-
#01193d
#01193d
rgb(1,25,61)
-
#012151
#012151
rgb(1,33,81)
-
#022964
#022964
rgb(2,41,100)
-
#023177
#023177
rgb(2,49,119)
-
#02398b
#02398b
rgb(2,57,139)
-
#02419e
#02419e
rgb(2,65,158)
-
#0348b1
#0348b1
rgb(3,72,177)
-
#0350c4
#0350c4
rgb(3,80,196)
-
#0358d8
#0358d8
rgb(3,88,216)
-
#0460eb
#0460eb
rgb(4,96,235)
-
#0769fb
#0769fb
rgb(7,105,251)
-
#1a74fc
#1a74fc
rgb(26,116,252)
-
#2e80fc
#2e80fc
rgb(46,128,252)
-
#418cfc
#418cfc
rgb(65,140,252)
-
#5498fc
#5498fc
rgb(84,152,252)
-
#68a3fd
#68a3fd
rgb(104,163,253)
-
#7baffd
#7baffd
rgb(123,175,253)
-
#8ebbfd
#8ebbfd
rgb(142,187,253)
-
#a2c6fe
#a2c6fe
rgb(162,198,254)
-
#b5d2fe
#b5d2fe
rgb(181,210,254)
-
#c8defe
#c8defe
rgb(200,222,254)
-
#dceafe
#dceafe
rgb(220,234,254)
-
#eff5ff
#eff5ff
rgb(239,245,255)
Tones of #7baffd
A tone is produced by adding gray to any pure hue. In this case, #b9bbbf is the less saturated color, while #7baffd is the most saturated one.
-
#b9bbbf
#b9bbbf
rgb(185,187,191)
-
#b4bac4
#b4bac4
rgb(180,186,196)
-
#afb9c9
#afb9c9
rgb(175,185,201)
-
#a9b8cf
#a9b8cf
rgb(169,184,207)
-
#a4b7d4
#a4b7d4
rgb(164,183,212)
-
#9fb6d9
#9fb6d9
rgb(159,182,217)
-
#9ab5de
#9ab5de
rgb(154,181,222)
-
#95b4e3
#95b4e3
rgb(149,180,227)
-
#90b3e8
#90b3e8
rgb(144,179,232)
-
#8ab2ee
#8ab2ee
rgb(138,178,238)
-
#85b1f3
#85b1f3
rgb(133,177,243)
-
#80b0f8
#80b0f8
rgb(128,176,248)
-
#7baffd
#7baffd
rgb(123,175,253)
Color Blindness Simulator
Below, you can see how #7baffd 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.