#7ba4ff Color Information
In a RGB color space, hex #7ba4ff is composed of 48.2% red, 64.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 35.7% magenta, 0% yellow and 0% black. It has a hue angle of 221.4 degrees, a saturation of 100% and a lightness of 74.1%. #7ba4ff color hex could be obtained by blending #f6ffff with #0049ff. Closest websafe color is: #6699ff.
-
- R 48
- G 64
- B 100
-
- C 52
- M 36
- Y 0
- K 0
● #7ba4ff color description : Very light blue.
#7ba4ff Color Conversion
The hexadecimal color #7ba4ff has RGB values of R:123, G:164, B:255 and CMYK values of C:0.52, M:0.36, Y:0, K:0. Its decimal value is 8103167.
Hex triplet | 7ba4ff | #7ba4ff |
---|---|---|
RGB Decimal | 123, 164, 255 | rgb(123,164,255) |
RGB Percent | 48.2, 64.3, 100 | rgb(48.2%,64.3%,100%) |
CMYK | 52, 36, 0, 0 | |
HSL | 221.4°, 100, 74.1 | hsl(221.4,100%,74.1%) |
HSV (or HSB) | 221.4°, 51.8, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 68.006, 11.001, -49.473 |
---|---|
XYZ | 39.49, 37.98, 99.852 |
xyY | 0.223, 0.214, 37.98 |
CIE-LCH | 68.006, 50.681, 282.536 |
CIE-LUV | 68.006, -21.234, -81.505 |
Hunter-Lab | 61.628, 6.53, -52.925 |
Binary | 01111011, 10100100, 11111111 |
Color Schemes with #7ba4ff
Alternatives to #7ba4ff
Below, you can see some colors close to #7ba4ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ba4ff Preview
This text has a font color of #7ba4ff.
<span style="color:#7ba4ff;">Text here</span>
This paragraph has a background color of #7ba4ff.
<p style="background-color:#7ba4ff;">Content here</p>
This element has a border color of #7ba4ff.
<div style="border:1px solid #7ba4ff;">Content here</div>
.text {color:#7ba4ff;}
.background {background-color:#7ba4ff;}
.border {border:1px solid #7ba4ff;}
Shades and Tints of #7ba4ff
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, #000205 is the darkest color, while #f1f5ff is the lightest one.
-
#000205
#000205
rgb(0,2,5)
-
#000819
#000819
rgb(0,8,25)
-
#000e2d
#000e2d
rgb(0,14,45)
-
#001440
#001440
rgb(0,20,64)
-
#001a54
#001a54
rgb(0,26,84)
-
#002067
#002067
rgb(0,32,103)
-
#00267b
#00267b
rgb(0,38,123)
-
#002c8f
#002c8f
rgb(0,44,143)
-
#0032a2
#0032a2
rgb(0,50,162)
-
#0038b6
#0038b6
rgb(0,56,182)
-
#003fc9
#003fc9
rgb(0,63,201)
-
#0045dd
#0045dd
rgb(0,69,221)
-
#004bf1
#004bf1
rgb(0,75,241)
-
#0553ff
#0553ff
rgb(5,83,255)
-
#1960ff
#1960ff
rgb(25,96,255)
-
#2d6eff
#2d6eff
rgb(45,110,255)
-
#407bff
#407bff
rgb(64,123,255)
-
#5489ff
#5489ff
rgb(84,137,255)
-
#6796ff
#6796ff
rgb(103,150,255)
-
#7ba4ff
#7ba4ff
rgb(123,164,255)
-
#8fb2ff
#8fb2ff
rgb(143,178,255)
-
#a2bfff
#a2bfff
rgb(162,191,255)
-
#b6cdff
#b6cdff
rgb(182,205,255)
-
#c9daff
#c9daff
rgb(201,218,255)
-
#dde8ff
#dde8ff
rgb(221,232,255)
-
#f1f5ff
#f1f5ff
rgb(241,245,255)
Tones of #7ba4ff
A tone is produced by adding gray to any pure hue. In this case, #b8bbc2 is the less saturated color, while #7ba4ff is the most saturated one.
-
#b8bbc2
#b8bbc2
rgb(184,187,194)
-
#b3b9c7
#b3b9c7
rgb(179,185,199)
-
#aeb7cc
#aeb7cc
rgb(174,183,204)
-
#a9b5d1
#a9b5d1
rgb(169,181,209)
-
#a4b3d6
#a4b3d6
rgb(164,179,214)
-
#9fb1db
#9fb1db
rgb(159,177,219)
-
#99b0e1
#99b0e1
rgb(153,176,225)
-
#94aee6
#94aee6
rgb(148,174,230)
-
#8faceb
#8faceb
rgb(143,172,235)
-
#8aaaf0
#8aaaf0
rgb(138,170,240)
-
#85a8f5
#85a8f5
rgb(133,168,245)
-
#80a6fa
#80a6fa
rgb(128,166,250)
-
#7ba4ff
#7ba4ff
rgb(123,164,255)
Color Blindness Simulator
Below, you can see how #7ba4ff 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.