#7ba3f8 Color Information
In a RGB color space, hex #7ba3f8 is composed of 48.2% red, 63.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 34.3% magenta, 0% yellow and 2.7% black. It has a hue angle of 220.8 degrees, a saturation of 89.9% and a lightness of 72.7%. #7ba3f8 color hex could be obtained by blending #f6ffff with #0047f1. Closest websafe color is: #6699ff.
-
- R 48
- G 64
- B 97
-
- C 50
- M 34
- Y 0
- K 3
● #7ba3f8 color description : Soft blue.
#7ba3f8 Color Conversion
The hexadecimal color #7ba3f8 has RGB values of R:123, G:163, B:248 and CMYK values of C:0.5, M:0.34, Y:0, K:0.03. Its decimal value is 8102904.
Hex triplet | 7ba3f8 | #7ba3f8 |
---|---|---|
RGB Decimal | 123, 163, 248 | rgb(123,163,248) |
RGB Percent | 48.2, 63.9, 97.3 | rgb(48.2%,63.9%,97.3%) |
CMYK | 50, 34, 0, 3 | |
HSL | 220.8°, 89.9, 72.7 | hsl(220.8,89.9%,72.7%) |
HSV (or HSB) | 220.8°, 50.4, 97.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 67.413, 9.468, -46.599 |
---|---|
XYZ | 38.205, 37.181, 93.965 |
xyY | 0.226, 0.22, 37.181 |
CIE-LCH | 67.413, 47.551, 281.484 |
CIE-LUV | 67.413, -20.811, -76.358 |
Hunter-Lab | 60.976, 5.133, -48.684 |
Binary | 01111011, 10100011, 11111000 |
Color Schemes with #7ba3f8
Alternatives to #7ba3f8
Below, you can see some colors close to #7ba3f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ba3f8 Preview
This text has a font color of #7ba3f8.
<span style="color:#7ba3f8;">Text here</span>
This paragraph has a background color of #7ba3f8.
<p style="background-color:#7ba3f8;">Content here</p>
This element has a border color of #7ba3f8.
<div style="border:1px solid #7ba3f8;">Content here</div>
.text {color:#7ba3f8;}
.background {background-color:#7ba3f8;}
.border {border:1px solid #7ba3f8;}
Shades and Tints of #7ba3f8
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)
-
#031336
#031336
rgb(3,19,54)
-
#041a49
#041a49
rgb(4,26,73)
-
#05215c
#05215c
rgb(5,33,92)
-
#06276e
#06276e
rgb(6,39,110)
-
#072e81
#072e81
rgb(7,46,129)
-
#083493
#083493
rgb(8,52,147)
-
#093ba6
#093ba6
rgb(9,59,166)
-
#0a42b9
#0a42b9
rgb(10,66,185)
-
#0b48cb
#0b48cb
rgb(11,72,203)
-
#0c4fde
#0c4fde
rgb(12,79,222)
-
#0d56f1
#0d56f1
rgb(13,86,241)
-
#1e62f3
#1e62f3
rgb(30,98,243)
-
#306ff4
#306ff4
rgb(48,111,244)
-
#437cf5
#437cf5
rgb(67,124,245)
-
#5689f6
#5689f6
rgb(86,137,246)
-
#6896f7
#6896f7
rgb(104,150,247)
-
#7ba3f8
#7ba3f8
rgb(123,163,248)
-
#8eb0f9
#8eb0f9
rgb(142,176,249)
-
#a0bdfa
#a0bdfa
rgb(160,189,250)
-
#b3cafb
#b3cafb
rgb(179,202,251)
-
#c6d7fc
#c6d7fc
rgb(198,215,252)
-
#d8e4fd
#d8e4fd
rgb(216,228,253)
-
#ebf1fe
#ebf1fe
rgb(235,241,254)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #7ba3f8
A tone is produced by adding gray to any pure hue. In this case, #b6b8bd is the less saturated color, while #76a1fd is the most saturated one.
-
#b6b8bd
#b6b8bd
rgb(182,184,189)
-
#b0b6c3
#b0b6c3
rgb(176,182,195)
-
#abb4c8
#abb4c8
rgb(171,180,200)
-
#a6b2cd
#a6b2cd
rgb(166,178,205)
-
#a0b0d3
#a0b0d3
rgb(160,176,211)
-
#9bafd8
#9bafd8
rgb(155,175,216)
-
#96addd
#96addd
rgb(150,173,221)
-
#90abe3
#90abe3
rgb(144,171,227)
-
#8ba9e8
#8ba9e8
rgb(139,169,232)
-
#86a7ed
#86a7ed
rgb(134,167,237)
-
#80a5f3
#80a5f3
rgb(128,165,243)
-
#7ba3f8
#7ba3f8
rgb(123,163,248)
-
#76a1fd
#76a1fd
rgb(118,161,253)
Color Blindness Simulator
Below, you can see how #7ba3f8 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.