#6baaff Color Information
In a RGB color space, hex #6baaff is composed of 42% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 214.5 degrees, a saturation of 100% and a lightness of 71%. #6baaff color hex could be obtained by blending #d6ffff with #0055ff. Closest websafe color is: #6699ff.
-
- R 42
- G 67
- B 100
-
- C 58
- M 33
- Y 0
- K 0
● #6baaff color description : Very light blue.
#6baaff Color Conversion
The hexadecimal color #6baaff has RGB values of R:107, G:170, B:255 and CMYK values of C:0.58, M:0.33, Y:0, K:0. Its decimal value is 7056127.
Hex triplet | 6baaff | #6baaff |
---|---|---|
RGB Decimal | 107, 170, 255 | rgb(107,170,255) |
RGB Percent | 42, 66.7, 100 | rgb(42%,66.7%,100%) |
CMYK | 58, 33, 0, 0 | |
HSL | 214.5°, 100, 71 | hsl(214.5,100%,71%) |
HSV (or HSB) | 214.5°, 58, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 68.819, 4.303, -48.245 |
---|---|
XYZ | 38.484, 39.093, 100.12 |
xyY | 0.217, 0.22, 39.093 |
CIE-LCH | 68.819, 48.436, 275.096 |
CIE-LUV | 68.819, -28.15, -78.791 |
Hunter-Lab | 62.524, 0.45, -51.174 |
Binary | 01101011, 10101010, 11111111 |
Color Schemes with #6baaff
Alternatives to #6baaff
Below, you can see some colors close to #6baaff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6baaff Preview
This text has a font color of #6baaff.
<span style="color:#6baaff;">Text here</span>
This paragraph has a background color of #6baaff.
<p style="background-color:#6baaff;">Content here</p>
This element has a border color of #6baaff.
<div style="border:1px solid #6baaff;">Content here</div>
.text {color:#6baaff;}
.background {background-color:#6baaff;}
.border {border:1px solid #6baaff;}
Shades and Tints of #6baaff
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, #000409 is the darkest color, while #f4f9ff is the lightest one.
-
#000409
#000409
rgb(0,4,9)
-
#000c1d
#000c1d
rgb(0,12,29)
-
#001430
#001430
rgb(0,20,48)
-
#001d44
#001d44
rgb(0,29,68)
-
#002557
#002557
rgb(0,37,87)
-
#002e6b
#002e6b
rgb(0,46,107)
-
#00367f
#00367f
rgb(0,54,127)
-
#003e92
#003e92
rgb(0,62,146)
-
#0047a6
#0047a6
rgb(0,71,166)
-
#004fb9
#004fb9
rgb(0,79,185)
-
#0057cd
#0057cd
rgb(0,87,205)
-
#0060e1
#0060e1
rgb(0,96,225)
-
#0068f4
#0068f4
rgb(0,104,244)
-
#0972ff
#0972ff
rgb(9,114,255)
-
#1d7dff
#1d7dff
rgb(29,125,255)
-
#3088ff
#3088ff
rgb(48,136,255)
-
#4493ff
#4493ff
rgb(68,147,255)
-
#579fff
#579fff
rgb(87,159,255)
-
#6baaff
#6baaff
rgb(107,170,255)
-
#7fb5ff
#7fb5ff
rgb(127,181,255)
-
#92c1ff
#92c1ff
rgb(146,193,255)
-
#a6ccff
#a6ccff
rgb(166,204,255)
-
#b9d7ff
#b9d7ff
rgb(185,215,255)
-
#cde2ff
#cde2ff
rgb(205,226,255)
-
#e1eeff
#e1eeff
rgb(225,238,255)
-
#f4f9ff
#f4f9ff
rgb(244,249,255)
Tones of #6baaff
A tone is produced by adding gray to any pure hue. In this case, #afb4bb is the less saturated color, while #6baaff is the most saturated one.
-
#afb4bb
#afb4bb
rgb(175,180,187)
-
#aab3c0
#aab3c0
rgb(170,179,192)
-
#a4b2c6
#a4b2c6
rgb(164,178,198)
-
#9eb2cc
#9eb2cc
rgb(158,178,204)
-
#99b1d1
#99b1d1
rgb(153,177,209)
-
#93b0d7
#93b0d7
rgb(147,176,215)
-
#8dafdd
#8dafdd
rgb(141,175,221)
-
#87aee3
#87aee3
rgb(135,174,227)
-
#82ade8
#82ade8
rgb(130,173,232)
-
#7cadee
#7cadee
rgb(124,173,238)
-
#76acf4
#76acf4
rgb(118,172,244)
-
#71abf9
#71abf9
rgb(113,171,249)
-
#6baaff
#6baaff
rgb(107,170,255)
Color Blindness Simulator
Below, you can see how #6baaff 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.