#6ba5fd Color Information
In a RGB color space, hex #6ba5fd is composed of 42% red, 64.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 34.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 216.2 degrees, a saturation of 97.3% and a lightness of 70.6%. #6ba5fd color hex could be obtained by blending #d6ffff with #004bfb. Closest websafe color is: #6699ff.
-
- R 42
- G 65
- B 99
-
- C 58
- M 35
- Y 0
- K 1
● #6ba5fd color description : Soft blue.
#6ba5fd Color Conversion
The hexadecimal color #6ba5fd has RGB values of R:107, G:165, B:253 and CMYK values of C:0.58, M:0.35, Y:0, K:0.01. Its decimal value is 7054845.
Hex triplet | 6ba5fd | #6ba5fd |
---|---|---|
RGB Decimal | 107, 165, 253 | rgb(107,165,253) |
RGB Percent | 42, 64.7, 99.2 | rgb(42%,64.7%,99.2%) |
CMYK | 58, 35, 0, 1 | |
HSL | 216.2°, 97.3, 70.6 | hsl(216.2,97.3%,70.6%) |
HSV (or HSB) | 216.2°, 57.7, 99.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 67.371, 6.525, -49.441 |
---|---|
XYZ | 37.244, 37.126, 98.126 |
xyY | 0.216, 0.215, 37.126 |
CIE-LCH | 67.371, 49.87, 277.518 |
CIE-LUV | 67.371, -26.423, -80.819 |
Hunter-Lab | 60.931, 2.48, -52.832 |
Binary | 01101011, 10100101, 11111101 |
Color Schemes with #6ba5fd
Alternatives to #6ba5fd
Below, you can see some colors close to #6ba5fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6ba5fd Preview
This text has a font color of #6ba5fd.
<span style="color:#6ba5fd;">Text here</span>
This paragraph has a background color of #6ba5fd.
<p style="background-color:#6ba5fd;">Content here</p>
This element has a border color of #6ba5fd.
<div style="border:1px solid #6ba5fd;">Content here</div>
.text {color:#6ba5fd;}
.background {background-color:#6ba5fd;}
.border {border:1px solid #6ba5fd;}
Shades and Tints of #6ba5fd
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, #000307 is the darkest color, while #f2f7ff is the lightest one.
-
#000307
#000307
rgb(0,3,7)
-
#000b1a
#000b1a
rgb(0,11,26)
-
#01122e
#01122e
rgb(1,18,46)
-
#011a41
#011a41
rgb(1,26,65)
-
#012254
#012254
rgb(1,34,84)
-
#012a68
#012a68
rgb(1,42,104)
-
#02327b
#02327b
rgb(2,50,123)
-
#023a8e
#023a8e
rgb(2,58,142)
-
#0242a2
#0242a2
rgb(2,66,162)
-
#0249b5
#0249b5
rgb(2,73,181)
-
#0351c8
#0351c8
rgb(3,81,200)
-
#0359dc
#0359dc
rgb(3,89,220)
-
#0361ef
#0361ef
rgb(3,97,239)
-
#0a6afc
#0a6afc
rgb(10,106,252)
-
#1e76fc
#1e76fc
rgb(30,118,252)
-
#3182fc
#3182fc
rgb(49,130,252)
-
#448dfc
#448dfc
rgb(68,141,252)
-
#5899fd
#5899fd
rgb(88,153,253)
-
#6ba5fd
#6ba5fd
rgb(107,165,253)
-
#7eb1fd
#7eb1fd
rgb(126,177,253)
-
#92bdfe
#92bdfe
rgb(146,189,254)
-
#a5c8fe
#a5c8fe
rgb(165,200,254)
-
#b8d4fe
#b8d4fe
rgb(184,212,254)
-
#cce0fe
#cce0fe
rgb(204,224,254)
-
#dfecff
#dfecff
rgb(223,236,255)
-
#f2f7ff
#f2f7ff
rgb(242,247,255)
Tones of #6ba5fd
A tone is produced by adding gray to any pure hue. In this case, #b0b3b8 is the less saturated color, while #6ba5fd is the most saturated one.
-
#b0b3b8
#b0b3b8
rgb(176,179,184)
-
#aab2be
#aab2be
rgb(170,178,190)
-
#a5b1c3
#a5b1c3
rgb(165,177,195)
-
#9fb0c9
#9fb0c9
rgb(159,176,201)
-
#99aecf
#99aecf
rgb(153,174,207)
-
#93add5
#93add5
rgb(147,173,213)
-
#8eacda
#8eacda
rgb(142,172,218)
-
#88abe0
#88abe0
rgb(136,171,224)
-
#82aae6
#82aae6
rgb(130,170,230)
-
#7ca9ec
#7ca9ec
rgb(124,169,236)
-
#77a7f1
#77a7f1
rgb(119,167,241)
-
#71a6f7
#71a6f7
rgb(113,166,247)
-
#6ba5fd
#6ba5fd
rgb(107,165,253)
Color Blindness Simulator
Below, you can see how #6ba5fd 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.