#7ba5f8 Color Information
In a RGB color space, hex #7ba5f8 is composed of 48.2% red, 64.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 33.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 219.8 degrees, a saturation of 89.9% and a lightness of 72.7%. #7ba5f8 color hex could be obtained by blending #f6ffff with #004bf1. Closest websafe color is: #6699ff.
-
- R 48
- G 65
- B 97
-
- C 50
- M 33
- Y 0
- K 3
● #7ba5f8 color description : Soft blue.
#7ba5f8 Color Conversion
The hexadecimal color #7ba5f8 has RGB values of R:123, G:165, B:248 and CMYK values of C:0.5, M:0.33, Y:0, K:0.03. Its decimal value is 8103416.
Hex triplet | 7ba5f8 | #7ba5f8 |
---|---|---|
RGB Decimal | 123, 165, 248 | rgb(123,165,248) |
RGB Percent | 48.2, 64.7, 97.3 | rgb(48.2%,64.7%,97.3%) |
CMYK | 50, 33, 0, 3 | |
HSL | 219.8°, 89.9, 72.7 | hsl(219.8,89.9%,72.7%) |
HSV (or HSB) | 219.8°, 50.4, 97.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 67.944, 8.324, -45.763 |
---|---|
XYZ | 38.563, 37.897, 94.085 |
xyY | 0.226, 0.222, 37.897 |
CIE-LCH | 67.944, 46.514, 280.308 |
CIE-LUV | 67.944, -21.534, -74.898 |
Hunter-Lab | 61.56, 4.087, -47.523 |
Binary | 01111011, 10100101, 11111000 |
Color Schemes with #7ba5f8
Alternatives to #7ba5f8
Below, you can see some colors close to #7ba5f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ba5f8 Preview
This text has a font color of #7ba5f8.
<span style="color:#7ba5f8;">Text here</span>
This paragraph has a background color of #7ba5f8.
<p style="background-color:#7ba5f8;">Content here</p>
This element has a border color of #7ba5f8.
<div style="border:1px solid #7ba5f8;">Content here</div>
.text {color:#7ba5f8;}
.background {background-color:#7ba5f8;}
.border {border:1px solid #7ba5f8;}
Shades and Tints of #7ba5f8
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, #010611 is the darkest color, while #fdfeff is the lightest one.
-
#010611
#010611
rgb(1,6,17)
-
#020d24
#020d24
rgb(2,13,36)
-
#031436
#031436
rgb(3,20,54)
-
#041b49
#041b49
rgb(4,27,73)
-
#05225c
#05225c
rgb(5,34,92)
-
#06296e
#06296e
rgb(6,41,110)
-
#073081
#073081
rgb(7,48,129)
-
#083793
#083793
rgb(8,55,147)
-
#093ea6
#093ea6
rgb(9,62,166)
-
#0a45b9
#0a45b9
rgb(10,69,185)
-
#0b4bcb
#0b4bcb
rgb(11,75,203)
-
#0c52de
#0c52de
rgb(12,82,222)
-
#0d59f1
#0d59f1
rgb(13,89,241)
-
#1e65f3
#1e65f3
rgb(30,101,243)
-
#3072f4
#3072f4
rgb(48,114,244)
-
#437ff5
#437ff5
rgb(67,127,245)
-
#568cf6
#568cf6
rgb(86,140,246)
-
#6898f7
#6898f7
rgb(104,152,247)
-
#7ba5f8
#7ba5f8
rgb(123,165,248)
-
#8eb2f9
#8eb2f9
rgb(142,178,249)
-
#a0befa
#a0befa
rgb(160,190,250)
-
#b3cbfb
#b3cbfb
rgb(179,203,251)
-
#c6d8fc
#c6d8fc
rgb(198,216,252)
-
#d8e5fd
#d8e5fd
rgb(216,229,253)
-
#ebf1fe
#ebf1fe
rgb(235,241,254)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #7ba5f8
A tone is produced by adding gray to any pure hue. In this case, #b6b8bd is the less saturated color, while #76a3fd is the most saturated one.
-
#b6b8bd
#b6b8bd
rgb(182,184,189)
-
#b0b7c3
#b0b7c3
rgb(176,183,195)
-
#abb5c8
#abb5c8
rgb(171,181,200)
-
#a6b3cd
#a6b3cd
rgb(166,179,205)
-
#a0b1d3
#a0b1d3
rgb(160,177,211)
-
#9bb0d8
#9bb0d8
rgb(155,176,216)
-
#96aedd
#96aedd
rgb(150,174,221)
-
#90ace3
#90ace3
rgb(144,172,227)
-
#8baae8
#8baae8
rgb(139,170,232)
-
#86a9ed
#86a9ed
rgb(134,169,237)
-
#80a7f3
#80a7f3
rgb(128,167,243)
-
#7ba5f8
#7ba5f8
rgb(123,165,248)
-
#76a3fd
#76a3fd
rgb(118,163,253)
Color Blindness Simulator
Below, you can see how #7ba5f8 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.