#6baaf2 Color Information
In a RGB color space, hex #6baaf2 is composed of 42% red, 66.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 29.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 212 degrees, a saturation of 83.9% and a lightness of 68.4%. #6baaf2 color hex could be obtained by blending #d6ffff with #0055e5. Closest websafe color is: #6699ff.
-
- R 42
- G 67
- B 95
-
- C 56
- M 30
- Y 0
- K 5
● #6baaf2 color description : Soft blue.
#6baaf2 Color Conversion
The hexadecimal color #6baaf2 has RGB values of R:107, G:170, B:242 and CMYK values of C:0.56, M:0.3, Y:0, K:0.05. Its decimal value is 7056114.
Hex triplet | 6baaf2 | #6baaf2 |
---|---|---|
RGB Decimal | 107, 170, 242 | rgb(107,170,242) |
RGB Percent | 42, 66.7, 94.9 | rgb(42%,66.7%,94.9%) |
CMYK | 56, 30, 0, 5 | |
HSL | 212°, 83.9, 68.4 | hsl(212,83.9%,68.4%) |
HSV (or HSB) | 212°, 55.8, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 68.229, 0.245, -42.103 |
---|---|
XYZ | 36.461, 38.284, 89.468 |
xyY | 0.222, 0.233, 38.284 |
CIE-LCH | 68.229, 42.104, 270.334 |
CIE-LUV | 68.229, -28.331, -67.77 |
Hunter-Lab | 61.874, -3.092, -42.419 |
Binary | 01101011, 10101010, 11110010 |
Color Schemes with #6baaf2
Alternatives to #6baaf2
Below, you can see some colors close to #6baaf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6baaf2 Preview
This text has a font color of #6baaf2.
<span style="color:#6baaf2;">Text here</span>
This paragraph has a background color of #6baaf2.
<p style="background-color:#6baaf2;">Content here</p>
This element has a border color of #6baaf2.
<div style="border:1px solid #6baaf2;">Content here</div>
.text {color:#6baaf2;}
.background {background-color:#6baaf2;}
.border {border:1px solid #6baaf2;}
Shades and Tints of #6baaf2
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, #01070e is the darkest color, while #fbfdff is the lightest one.
-
#01070e
#01070e
rgb(1,7,14)
-
#031120
#031120
rgb(3,17,32)
-
#041a32
#041a32
rgb(4,26,50)
-
#062344
#062344
rgb(6,35,68)
-
#082c56
#082c56
rgb(8,44,86)
-
#093668
#093668
rgb(9,54,104)
-
#0b3f7a
#0b3f7a
rgb(11,63,122)
-
#0c488d
#0c488d
rgb(12,72,141)
-
#0e519f
#0e519f
rgb(14,81,159)
-
#105bb1
#105bb1
rgb(16,91,177)
-
#1164c3
#1164c3
rgb(17,100,195)
-
#136dd5
#136dd5
rgb(19,109,213)
-
#1476e7
#1476e7
rgb(20,118,231)
-
#2381ec
#2381ec
rgb(35,129,236)
-
#358bed
#358bed
rgb(53,139,237)
-
#4795ef
#4795ef
rgb(71,149,239)
-
#59a0f0
#59a0f0
rgb(89,160,240)
-
#6baaf2
#6baaf2
rgb(107,170,242)
-
#7db4f4
#7db4f4
rgb(125,180,244)
-
#8fbff5
#8fbff5
rgb(143,191,245)
-
#a1c9f7
#a1c9f7
rgb(161,201,247)
-
#b3d3f8
#b3d3f8
rgb(179,211,248)
-
#c5defa
#c5defa
rgb(197,222,250)
-
#d7e8fc
#d7e8fc
rgb(215,232,252)
-
#e9f2fd
#e9f2fd
rgb(233,242,253)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #6baaf2
A tone is produced by adding gray to any pure hue. In this case, #a9aeb4 is the less saturated color, while #5fa9fe is the most saturated one.
-
#a9aeb4
#a9aeb4
rgb(169,174,180)
-
#a3aeba
#a3aeba
rgb(163,174,186)
-
#9dadc0
#9dadc0
rgb(157,173,192)
-
#96adc7
#96adc7
rgb(150,173,199)
-
#90accd
#90accd
rgb(144,172,205)
-
#8aacd3
#8aacd3
rgb(138,172,211)
-
#84acd9
#84acd9
rgb(132,172,217)
-
#7eabdf
#7eabdf
rgb(126,171,223)
-
#77abe6
#77abe6
rgb(119,171,230)
-
#71aaec
#71aaec
rgb(113,170,236)
-
#6baaf2
#6baaf2
rgb(107,170,242)
-
#65aaf8
#65aaf8
rgb(101,170,248)
-
#5fa9fe
#5fa9fe
rgb(95,169,254)
Color Blindness Simulator
Below, you can see how #6baaf2 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.