#7ba5e8 Color Information
In a RGB color space, hex #7ba5e8 is composed of 48.2% red, 64.7% green and 91% blue. Whereas in a CMYK color space, it is composed of 47% cyan, 28.9% magenta, 0% yellow and 9% black. It has a hue angle of 216.9 degrees, a saturation of 70.3% and a lightness of 69.6%. #7ba5e8 color hex could be obtained by blending #f6ffff with #004bd1. Closest websafe color is: #6699ff.
-
- R 48
- G 65
- B 91
-
- C 47
- M 29
- Y 0
- K 9
● #7ba5e8 color description : Soft blue.
#7ba5e8 Color Conversion
The hexadecimal color #7ba5e8 has RGB values of R:123, G:165, B:232 and CMYK values of C:0.47, M:0.29, Y:0, K:0.09. Its decimal value is 8103400.
Hex triplet | 7ba5e8 | #7ba5e8 |
---|---|---|
RGB Decimal | 123, 165, 232 | rgb(123,165,232) |
RGB Percent | 48.2, 64.7, 91 | rgb(48.2%,64.7%,91%) |
CMYK | 47, 29, 0, 9 | |
HSL | 216.9°, 70.3, 69.6 | hsl(216.9,70.3%,69.6%) |
HSV (or HSB) | 216.9°, 47, 91 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 67.236, 3.607, -38.128 |
---|---|
XYZ | 36.186, 36.946, 81.564 |
xyY | 0.234, 0.239, 36.946 |
CIE-LCH | 67.236, 38.298, 275.405 |
CIE-LUV | 67.236, -21.422, -61.315 |
Hunter-Lab | 60.783, -0.104, -37.012 |
Binary | 01111011, 10100101, 11101000 |
Color Schemes with #7ba5e8
Alternatives to #7ba5e8
Below, you can see some colors close to #7ba5e8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ba5e8 Preview
This text has a font color of #7ba5e8.
<span style="color:#7ba5e8;">Text here</span>
This paragraph has a background color of #7ba5e8.
<p style="background-color:#7ba5e8;">Content here</p>
This element has a border color of #7ba5e8.
<div style="border:1px solid #7ba5e8;">Content here</div>
.text {color:#7ba5e8;}
.background {background-color:#7ba5e8;}
.border {border:1px solid #7ba5e8;}
Shades and Tints of #7ba5e8
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, #000102 is the darkest color, while #f0f5fc is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030912
#030912
rgb(3,9,18)
-
#061123
#061123
rgb(6,17,35)
-
#091934
#091934
rgb(9,25,52)
-
#0c2244
#0c2244
rgb(12,34,68)
-
#0f2a55
#0f2a55
rgb(15,42,85)
-
#123266
#123266
rgb(18,50,102)
-
#153a77
#153a77
rgb(21,58,119)
-
#184387
#184387
rgb(24,67,135)
-
#1a4b98
#1a4b98
rgb(26,75,152)
-
#1d53a9
#1d53a9
rgb(29,83,169)
-
#205bb9
#205bb9
rgb(32,91,185)
-
#2364ca
#2364ca
rgb(35,100,202)
-
#276cd9
#276cd9
rgb(39,108,217)
-
#3877dc
#3877dc
rgb(56,119,220)
-
#4983df
#4983df
rgb(73,131,223)
-
#5a8ee2
#5a8ee2
rgb(90,142,226)
-
#6a9ae5
#6a9ae5
rgb(106,154,229)
-
#7ba5e8
#7ba5e8
rgb(123,165,232)
-
#8cb0eb
#8cb0eb
rgb(140,176,235)
-
#9cbcee
#9cbcee
rgb(156,188,238)
-
#adc7f1
#adc7f1
rgb(173,199,241)
-
#bed3f4
#bed3f4
rgb(190,211,244)
-
#cfdef7
#cfdef7
rgb(207,222,247)
-
#dfe9f9
#dfe9f9
rgb(223,233,249)
-
#f0f5fc
#f0f5fc
rgb(240,245,252)
Tones of #7ba5e8
A tone is produced by adding gray to any pure hue. In this case, #b1b1b2 is the less saturated color, while #69a1fa is the most saturated one.
-
#b1b1b2
#b1b1b2
rgb(177,177,178)
-
#abb0b8
#abb0b8
rgb(171,176,184)
-
#a5afbe
#a5afbe
rgb(165,175,190)
-
#9fadc4
#9fadc4
rgb(159,173,196)
-
#99acca
#99acca
rgb(153,172,202)
-
#93aad0
#93aad0
rgb(147,170,208)
-
#8da9d6
#8da9d6
rgb(141,169,214)
-
#87a8dc
#87a8dc
rgb(135,168,220)
-
#81a6e2
#81a6e2
rgb(129,166,226)
-
#7ba5e8
#7ba5e8
rgb(123,165,232)
-
#75a4ee
#75a4ee
rgb(117,164,238)
-
#6fa2f4
#6fa2f4
rgb(111,162,244)
-
#69a1fa
#69a1fa
rgb(105,161,250)
Color Blindness Simulator
Below, you can see how #7ba5e8 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.