#6ab4e2 Color Information
In a RGB color space, hex #6ab4e2 is composed of 41.6% red, 70.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 20.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 203 degrees, a saturation of 67.4% and a lightness of 65.1%. #6ab4e2 color hex could be obtained by blending #d4ffff with #0069c5. Closest websafe color is: #66cccc.
-
- R 42
- G 71
- B 89
-
- C 53
- M 20
- Y 0
- K 11
● #6ab4e2 color description : Soft blue.
#6ab4e2 Color Conversion
The hexadecimal color #6ab4e2 has RGB values of R:106, G:180, B:226 and CMYK values of C:0.53, M:0.2, Y:0, K:0.11. Its decimal value is 6993122.
Hex triplet | 6ab4e2 | #6ab4e2 |
---|---|---|
RGB Decimal | 106, 180, 226 | rgb(106,180,226) |
RGB Percent | 41.6, 70.6, 88.6 | rgb(41.6%,70.6%,88.6%) |
CMYK | 53, 20, 0, 11 | |
HSL | 203°, 67.4, 65.1 | hsl(203,67.4%,65.1%) |
HSV (or HSB) | 203°, 53.1, 88.6 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 70.313, -10.31, -30.141 |
---|---|
XYZ | 35.989, 41.195, 78.002 |
xyY | 0.232, 0.265, 41.195 |
CIE-LCH | 70.313, 31.855, 251.116 |
CIE-LUV | 70.313, -32.644, -46.417 |
Hunter-Lab | 64.184, -12.233, -27.126 |
Binary | 01101010, 10110100, 11100010 |
Color Schemes with #6ab4e2
Alternatives to #6ab4e2
Below, you can see some colors close to #6ab4e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6ab4e2 Preview
This text has a font color of #6ab4e2.
<span style="color:#6ab4e2;">Text here</span>
This paragraph has a background color of #6ab4e2.
<p style="background-color:#6ab4e2;">Content here</p>
This element has a border color of #6ab4e2.
<div style="border:1px solid #6ab4e2;">Content here</div>
.text {color:#6ab4e2;}
.background {background-color:#6ab4e2;}
.border {border:1px solid #6ab4e2;}
Shades and Tints of #6ab4e2
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, #030b0f is the darkest color, while #fefeff is the lightest one.
-
#030b0f
#030b0f
rgb(3,11,15)
-
#061620
#061620
rgb(6,22,32)
-
#092130
#092130
rgb(9,33,48)
-
#0d2d40
#0d2d40
rgb(13,45,64)
-
#103851
#103851
rgb(16,56,81)
-
#134361
#134361
rgb(19,67,97)
-
#164f72
#164f72
rgb(22,79,114)
-
#195a82
#195a82
rgb(25,90,130)
-
#1d6593
#1d6593
rgb(29,101,147)
-
#2071a3
#2071a3
rgb(32,113,163)
-
#237cb3
#237cb3
rgb(35,124,179)
-
#2687c4
#2687c4
rgb(38,135,196)
-
#2993d4
#2993d4
rgb(41,147,212)
-
#399bd8
#399bd8
rgb(57,155,216)
-
#49a3dc
#49a3dc
rgb(73,163,220)
-
#5aacdf
#5aacdf
rgb(90,172,223)
-
#6ab4e2
#6ab4e2
rgb(106,180,226)
-
#7abce5
#7abce5
rgb(122,188,229)
-
#8bc5e8
#8bc5e8
rgb(139,197,232)
-
#9bcdec
#9bcdec
rgb(155,205,236)
-
#acd5ef
#acd5ef
rgb(172,213,239)
-
#bcddf2
#bcddf2
rgb(188,221,242)
-
#cde6f5
#cde6f5
rgb(205,230,245)
-
#ddeef8
#ddeef8
rgb(221,238,248)
-
#edf6fc
#edf6fc
rgb(237,246,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #6ab4e2
A tone is produced by adding gray to any pure hue. In this case, #a1a7ab is the less saturated color, while #4fbafd is the most saturated one.
-
#a1a7ab
#a1a7ab
rgb(161,167,171)
-
#9aa9b2
#9aa9b2
rgb(154,169,178)
-
#93aab9
#93aab9
rgb(147,170,185)
-
#8cacc0
#8cacc0
rgb(140,172,192)
-
#85aec7
#85aec7
rgb(133,174,199)
-
#7fafcd
#7fafcd
rgb(127,175,205)
-
#78b1d4
#78b1d4
rgb(120,177,212)
-
#71b2db
#71b2db
rgb(113,178,219)
-
#6ab4e2
#6ab4e2
rgb(106,180,226)
-
#63b6e9
#63b6e9
rgb(99,182,233)
-
#5cb7f0
#5cb7f0
rgb(92,183,240)
-
#55b9f7
#55b9f7
rgb(85,185,247)
-
#4fbafd
#4fbafd
rgb(79,186,253)
Color Blindness Simulator
Below, you can see how #6ab4e2 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.