#6aaffd hex color

In a RGB color space, hex #6aaffd is composed of 41.6% red, 68.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 30.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 211.8 degrees, a saturation of 97.4% and a lightness of 70.4%. #6aaffd color hex could be obtained by blending #d4ffff with #005ffb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 42
- G 69
- B 99
RGB color chart
- C 58
- M 31
- Y 0
- K 1
CMYK color chart

● #6aaffd color description : Soft blue.

The hexadecimal color #6aaffd has RGB values of R:106, G:175, B:253 and CMYK values of C:0.58, M:0.31, Y:0, K:0.01. Its decimal value is 6991869.

Hex triplet	6aaffd	`#6aaffd`
RGB Decimal	106, 175, 253	`rgb(106,175,253)`
RGB Percent	41.6, 68.6, 99.2	`rgb(41.6%,68.6%,99.2%)`
CMYK	58, 31, 0, 1
HSL	211.8°, 97.4, 70.4	`hsl(211.8,97.4%,70.4%)`
HSV (or HSB)	211.8°, 58.1, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.045, 0.659, -45.236
XYZ	38.999, 40.814, 98.746
xyY	0.218, 0.229, 40.814
CIE-LCH	70.045, 45.241, 270.835
CIE-LUV	70.045, -30.221, -73.427
Hunter-Lab	63.885, -2.833, -46.923
Binary	01101010, 10101111, 11111101

#6aaffd
```
#6aaffd rgb(106,175,253)
```
#fdb86a
```
#fdb86a rgb(253,184,106)
```

Complementary Color

#6af9fd
```
#6af9fd rgb(106,249,253)
```
#6aaffd
```
#6aaffd rgb(106,175,253)
```
#6f6afd
```
#6f6afd rgb(111,106,253)
```

Analogous Color

#f9fd6a
```
#f9fd6a rgb(249,253,106)
```
#6aaffd
```
#6aaffd rgb(106,175,253)
```
#fd6f6a
```
#fd6f6a rgb(253,111,106)
```

Split Complementary Color

#affd6a
```
#affd6a rgb(175,253,106)
```
#6aaffd
```
#6aaffd rgb(106,175,253)
```
#fd6aaf
```
#fd6aaf rgb(253,106,175)
```

Triadic Color

#6afdb8
```
#6afdb8 rgb(106,253,184)
```
#6aaffd
```
#6aaffd rgb(106,175,253)
```
#fd6aaf
```
#fd6aaf rgb(253,106,175)
```
#fdb86a
```
#fdb86a rgb(253,184,106)
```

Tetradic Color

#1f86fc
```
#1f86fc rgb(31,134,252)
```
#3894fc
```
#3894fc rgb(56,148,252)
```
#51a1fd
```
#51a1fd rgb(81,161,253)
```
#6aaffd
```
#6aaffd rgb(106,175,253)
```
#83bdfd
```
#83bdfd rgb(131,189,253)
```
#9ccafe
```
#9ccafe rgb(156,202,254)
```
#b5d8fe
```
#b5d8fe rgb(181,216,254)
```

Monochromatic Color

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

#6ad4fd
```
#6ad4fd rgb(106,212,253)
```
#6ac8fd
```
#6ac8fd rgb(106,200,253)
```
#6abbfd
```
#6abbfd rgb(106,187,253)
```
#6aaffd
```
#6aaffd rgb(106,175,253)
```
#6aa3fd
```
#6aa3fd rgb(106,163,253)
```
#6a97fd
```
#6a97fd rgb(106,151,253)
```
#6a8afd
```
#6a8afd rgb(106,138,253)
```

Similar Colors

Text with hexadecimal color #6aaffd

This text has a font color of #6aaffd.

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

#6aaffd background color

This paragraph has a background color of #6aaffd.

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

#6aaffd border color

This element has a border color of #6aaffd.

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

CSS codes

.text {color:#6aaffd;}

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

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

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, #000306 is the darkest color, while #f1f8ff is the lightest one.

#000306
```
#000306 rgb(0,3,6)
```
#000c19
```
#000c19 rgb(0,12,25)
```
#01152d
```
#01152d rgb(1,21,45)
```
#011e40
```
#011e40 rgb(1,30,64)
```
#012853
```
#012853 rgb(1,40,83)
```
#013167
```
#013167 rgb(1,49,103)
```
#023a7a
```
#023a7a rgb(2,58,122)
```
#02438d
```
#02438d rgb(2,67,141)
```
#024da1
```
#024da1 rgb(2,77,161)
```
#0256b4
```
#0256b4 rgb(2,86,180)
```
#035fc7
```
#035fc7 rgb(3,95,199)
```
#0368db
```
#0368db rgb(3,104,219)
```
#0371ee
```
#0371ee rgb(3,113,238)
```

Shade Color Variation

#097bfc
```
#097bfc rgb(9,123,252)
```
#1d85fc
```
#1d85fc rgb(29,133,252)
```
#3090fc
```
#3090fc rgb(48,144,252)
```
#439afc
```
#439afc rgb(67,154,252)
```
#57a5fd
```
#57a5fd rgb(87,165,253)
```
#6aaffd
```
#6aaffd rgb(106,175,253)
```
#7db9fd
```
#7db9fd rgb(125,185,253)
```
#91c4fe
```
#91c4fe rgb(145,196,254)
```
#a4cefe
```
#a4cefe rgb(164,206,254)
```
#b7d9fe
```
#b7d9fe rgb(183,217,254)
```
#cbe3fe
```
#cbe3fe rgb(203,227,254)
```
#deedff
```
#deedff rgb(222,237,255)
```
#f1f8ff
```
#f1f8ff rgb(241,248,255)
```

Tint Color Variation

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

#b0b3b7
```
#b0b3b7 rgb(176,179,183)
```
#aab3bd
```
#aab3bd rgb(170,179,189)
```
#a4b3c3
```
#a4b3c3 rgb(164,179,195)
```
#9eb2c9
```
#9eb2c9 rgb(158,178,201)
```
#98b2cf
```
#98b2cf rgb(152,178,207)
```
#93b1d4
```
#93b1d4 rgb(147,177,212)
```
#8db1da
```
#8db1da rgb(141,177,218)
```
#87b1e0
```
#87b1e0 rgb(135,177,224)
```
#81b0e6
```
#81b0e6 rgb(129,176,230)
```
#7bb0ec
```
#7bb0ec rgb(123,176,236)
```
#76b0f1
```
#76b0f1 rgb(118,176,241)
```
#70aff7
```
#70aff7 rgb(112,175,247)
```
#6aaffd
```
#6aaffd rgb(106,175,253)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#98a5b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94adf8 Protanopia 1% of men
#87aefe Deuteranopia 1% of men
#55bdcb Tritanopia 0.001% of the population

Trichromacy

#85adfa Protanomaly 1% of men, 0.01% of women
#7caefe Deuteranomaly 6% of men, 0.4% of women
#5db8dd Tritanomaly 0.01% of the population

#6aaffd hex color

#6aaffd Color Information

#6aaffd Color Conversion

Color Schemes with #6aaffd

Alternatives to #6aaffd

#6aaffd Preview

Shades and Tints of #6aaffd

Tones of #6aaffd

Color Blindness Simulator