#6baaf0 Color Information
In a RGB color space, hex #6baaf0 is composed of 42% red, 66.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 29.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 211.6 degrees, a saturation of 81.6% and a lightness of 68%. #6baaf0 color hex could be obtained by blending #d6ffff with #0055e1. Closest websafe color is: #6699ff.
-
- R 42
- G 67
- B 94
-
- C 55
- M 29
- Y 0
- K 6
● #6baaf0 color description : Soft blue.
#6baaf0 Color Conversion
The hexadecimal color #6baaf0 has RGB values of R:107, G:170, B:240 and CMYK values of C:0.55, M:0.29, Y:0, K:0.06. Its decimal value is 7056112.
Hex triplet | 6baaf0 | #6baaf0 |
---|---|---|
RGB Decimal | 107, 170, 240 | rgb(107,170,240) |
RGB Percent | 42, 66.7, 94.1 | rgb(42%,66.7%,94.1%) |
CMYK | 55, 29, 0, 6 | |
HSL | 211.6°, 81.6, 68 | hsl(211.6,81.6%,68%) |
HSV (or HSB) | 211.6°, 55.4, 94.1 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 68.142, -0.372, -41.15 |
---|---|
XYZ | 36.163, 38.164, 87.894 |
xyY | 0.223, 0.235, 38.164 |
CIE-LCH | 68.142, 41.151, 269.482 |
CIE-LUV | 68.142, -28.36, -66.064 |
Hunter-Lab | 61.777, -3.622, -41.111 |
Binary | 01101011, 10101010, 11110000 |
Color Schemes with #6baaf0
Alternatives to #6baaf0
Below, you can see some colors close to #6baaf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6baaf0 Preview
This text has a font color of #6baaf0.
<span style="color:#6baaf0;">Text here</span>
This paragraph has a background color of #6baaf0.
<p style="background-color:#6baaf0;">Content here</p>
This element has a border color of #6baaf0.
<div style="border:1px solid #6baaf0;">Content here</div>
.text {color:#6baaf0;}
.background {background-color:#6baaf0;}
.border {border:1px solid #6baaf0;}
Shades and Tints of #6baaf0
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, #01060c is the darkest color, while #f9fcfe is the lightest one.
-
#01060c
#01060c
rgb(1,6,12)
-
#03101e
#03101e
rgb(3,16,30)
-
#051930
#051930
rgb(5,25,48)
-
#072342
#072342
rgb(7,35,66)
-
#082c54
#082c54
rgb(8,44,84)
-
#0a3565
#0a3565
rgb(10,53,101)
-
#0c3f77
#0c3f77
rgb(12,63,119)
-
#0e4889
#0e4889
rgb(14,72,137)
-
#10529b
#10529b
rgb(16,82,155)
-
#115bad
#115bad
rgb(17,91,173)
-
#1364be
#1364be
rgb(19,100,190)
-
#156ed0
#156ed0
rgb(21,110,208)
-
#1777e2
#1777e2
rgb(23,119,226)
-
#2481e9
#2481e9
rgb(36,129,233)
-
#368beb
#368beb
rgb(54,139,235)
-
#4796ec
#4796ec
rgb(71,150,236)
-
#59a0ee
#59a0ee
rgb(89,160,238)
-
#6baaf0
#6baaf0
rgb(107,170,240)
-
#7db4f2
#7db4f2
rgb(125,180,242)
-
#8fbef4
#8fbef4
rgb(143,190,244)
-
#a0c9f5
#a0c9f5
rgb(160,201,245)
-
#b2d3f7
#b2d3f7
rgb(178,211,247)
-
#c4ddf9
#c4ddf9
rgb(196,221,249)
-
#d6e7fb
#d6e7fb
rgb(214,231,251)
-
#e8f2fd
#e8f2fd
rgb(232,242,253)
-
#f9fcfe
#f9fcfe
rgb(249,252,254)
Tones of #6baaf0
A tone is produced by adding gray to any pure hue. In this case, #aaadb1 is the less saturated color, while #5ea9fd is the most saturated one.
-
#aaadb1
#aaadb1
rgb(170,173,177)
-
#a3adb8
#a3adb8
rgb(163,173,184)
-
#9dadbe
#9dadbe
rgb(157,173,190)
-
#97acc4
#97acc4
rgb(151,172,196)
-
#91acca
#91acca
rgb(145,172,202)
-
#8aacd1
#8aacd1
rgb(138,172,209)
-
#84abd7
#84abd7
rgb(132,171,215)
-
#7eabdd
#7eabdd
rgb(126,171,221)
-
#78abe3
#78abe3
rgb(120,171,227)
-
#71aaea
#71aaea
rgb(113,170,234)
-
#6baaf0
#6baaf0
rgb(107,170,240)
-
#65aaf6
#65aaf6
rgb(101,170,246)
-
#5ea9fd
#5ea9fd
rgb(94,169,253)
Color Blindness Simulator
Below, you can see how #6baaf0 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.