#6aabf2 hex color

In a RGB color space, hex #6aabf2 is composed of 41.6% red, 67.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 56.2% cyan, 29.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 211.3 degrees, a saturation of 84% and a lightness of 68.2%. #6aabf2 color hex could be obtained by blending #d4ffff with #0057e5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 42
- G 67
- B 95
RGB color chart
- C 56
- M 29
- Y 0
- K 5
CMYK color chart

● #6aabf2 color description : Soft blue.

The hexadecimal color #6aabf2 has RGB values of R:106, G:171, B:242 and CMYK values of C:0.56, M:0.29, Y:0, K:0.05. Its decimal value is 6990834.

Hex triplet	6aabf2	`#6aabf2`
RGB Decimal	106, 171, 242	`rgb(106,171,242)`
RGB Percent	41.6, 67.1, 94.9	`rgb(41.6%,67.1%,94.9%)`
CMYK	56, 29, 0, 5
HSL	211.3°, 84, 68.2	`hsl(211.3,84%,68.2%)`
HSV (or HSB)	211.3°, 56.2, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.46, -0.519, -41.746
XYZ	36.53, 38.599, 89.525
xyY	0.222, 0.234, 38.599
CIE-LCH	68.46, 41.749, 269.287
CIE-LUV	68.46, -28.978, -67.105
Hunter-Lab	62.128, -3.769, -41.946
Binary	01101010, 10101011, 11110010

#6aabf2
```
#6aabf2 rgb(106,171,242)
```
#f2b16a
```
#f2b16a rgb(242,177,106)
```

Complementary Color

#6aeff2
```
#6aeff2 rgb(106,239,242)
```
#6aabf2
```
#6aabf2 rgb(106,171,242)
```
#6d6af2
```
#6d6af2 rgb(109,106,242)
```

Analogous Color

#eff26a
```
#eff26a rgb(239,242,106)
```
#6aabf2
```
#6aabf2 rgb(106,171,242)
```
#f26d6a
```
#f26d6a rgb(242,109,106)
```

Split Complementary Color

#abf26a
```
#abf26a rgb(171,242,106)
```
#6aabf2
```
#6aabf2 rgb(106,171,242)
```
#f26aab
```
#f26aab rgb(242,106,171)
```

Triadic Color

#6af2b1
```
#6af2b1 rgb(106,242,177)
```
#6aabf2
```
#6aabf2 rgb(106,171,242)
```
#f26aab
```
#f26aab rgb(242,106,171)
```
#f2b16a
```
#f2b16a rgb(242,177,106)
```

Tetradic Color

#2483ec
```
#2483ec rgb(36,131,236)
```
#3b91ee
```
#3b91ee rgb(59,145,238)
```
#539ef0
```
#539ef0 rgb(83,158,240)
```
#6aabf2
```
#6aabf2 rgb(106,171,242)
```
#81b8f4
```
#81b8f4 rgb(129,184,244)
```
#99c5f6
```
#99c5f6 rgb(153,197,246)
```
#b0d3f8
```
#b0d3f8 rgb(176,211,248)
```

Monochromatic Color

Below, you can see some colors close to #6aabf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#6acdf2
```
#6acdf2 rgb(106,205,242)
```
#6ac2f2
```
#6ac2f2 rgb(106,194,242)
```
#6ab6f2
```
#6ab6f2 rgb(106,182,242)
```
#6aabf2
```
#6aabf2 rgb(106,171,242)
```
#6aa0f2
```
#6aa0f2 rgb(106,160,242)
```
#6a94f2
```
#6a94f2 rgb(106,148,242)
```
#6a89f2
```
#6a89f2 rgb(106,137,242)
```

Similar Colors

Text with hexadecimal color #6aabf2

This text has a font color of #6aabf2.

<span style="color:#6aabf2;">Text here</span>

#6aabf2 background color

This paragraph has a background color of #6aabf2.

<p style="background-color:#6aabf2;">Content here</p>

#6aabf2 border color

This element has a border color of #6aabf2.

<div style="border:1px solid #6aabf2;">Content here</div>

CSS codes

.text {color:#6aabf2;}

.background {background-color:#6aabf2;}

.border {border:1px solid #6aabf2;}

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, #01070d is the darkest color, while #fafcff is the lightest one.

#01070d
```
#01070d rgb(1,7,13)
```
#03101f
```
#03101f rgb(3,16,31)
```
#041a31
```
#041a31 rgb(4,26,49)
```
#062343
```
#062343 rgb(6,35,67)
```
#072d56
```
#072d56 rgb(7,45,86)
```
#093668
```
#093668 rgb(9,54,104)
```
#0b407a
```
#0b407a rgb(11,64,122)
```
#0c498c
```
#0c498c rgb(12,73,140)
```
#0e539e
```
#0e539e rgb(14,83,158)
```
#0f5cb0
```
#0f5cb0 rgb(15,92,176)
```
#1165c2
```
#1165c2 rgb(17,101,194)
```
#126fd4
```
#126fd4 rgb(18,111,212)
```
#1478e6
```
#1478e6 rgb(20,120,230)
```

Shade Color Variation

#2282ec
```
#2282ec rgb(34,130,236)
```
#348ced
```
#348ced rgb(52,140,237)
```
#4697ef
```
#4697ef rgb(70,151,239)
```
#58a1f0
```
#58a1f0 rgb(88,161,240)
```
#6aabf2
```
#6aabf2 rgb(106,171,242)
```
#7cb5f4
```
#7cb5f4 rgb(124,181,244)
```
#8ebff5
```
#8ebff5 rgb(142,191,245)
```
#a0caf7
```
#a0caf7 rgb(160,202,247)
```
#b2d4f8
```
#b2d4f8 rgb(178,212,248)
```
#c4defa
```
#c4defa rgb(196,222,250)
```
#d6e8fb
```
#d6e8fb rgb(214,232,251)
```
#e8f2fd
```
#e8f2fd rgb(232,242,253)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a8aeb4 is the less saturated color, while #5eaafe is the most saturated one.

#a8aeb4
```
#a8aeb4 rgb(168,174,180)
```
#a2adba
```
#a2adba rgb(162,173,186)
```
#9cadc0
```
#9cadc0 rgb(156,173,192)
```
#96adc6
```
#96adc6 rgb(150,173,198)
```
#8fadcd
```
#8fadcd rgb(143,173,205)
```
#89acd3
```
#89acd3 rgb(137,172,211)
```
#83acd9
```
#83acd9 rgb(131,172,217)
```
#7dacdf
```
#7dacdf rgb(125,172,223)
```
#76ace6
```
#76ace6 rgb(118,172,230)
```
#70abec
```
#70abec rgb(112,171,236)
```
#6aabf2
```
#6aabf2 rgb(106,171,242)
```
#64abf8
```
#64abf8 rgb(100,171,248)
```
#5eaafe
```
#5eaafe rgb(94,170,254)
```

Tone Color Variation

Below, you can see how #6aabf2 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.

Monochromacy

#a0a0a0 Achromatopsia 0.005% of the population
#95a2b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a9ee Protanopia 1% of men
#89aaf4 Deuteranopia 1% of men
#5ab8c5 Tritanopia 0.001% of the population

Trichromacy

#84a9ef Protanomaly 1% of men, 0.01% of women
#7daaf3 Deuteranomaly 6% of men, 0.4% of women
#60b3d5 Tritanomaly 0.01% of the population

#6aabf2 hex color

#6aabf2 Color Information

#6aabf2 Color Conversion

Color Schemes with #6aabf2

Alternatives to #6aabf2

#6aabf2 Preview

Shades and Tints of #6aabf2

Tones of #6aabf2

Color Blindness Simulator