#6aaffe hex color

In a RGB color space, hex #6aaffe is composed of 41.6% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 212 degrees, a saturation of 98.7% and a lightness of 70.6%. #6aaffe color hex could be obtained by blending #d4ffff with #005ffd. Closest websafe color is: #6699ff.

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

● #6aaffe color description : Soft blue.

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

Hex triplet	6aaffe	`#6aaffe`
RGB Decimal	106, 175, 254	`rgb(106,175,254)`
RGB Percent	41.6, 68.6, 99.6	`rgb(41.6%,68.6%,99.6%)`
CMYK	58, 31, 0, 0
HSL	212°, 98.7, 70.6	`hsl(212,98.7%,70.6%)`
HSV (or HSB)	212°, 58.3, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.09, 0.973, -45.707
XYZ	39.159, 40.877, 99.587
xyY	0.218, 0.228, 40.877
CIE-LCH	70.09, 45.718, 271.219
CIE-LUV	70.09, -30.203, -74.276
Hunter-Lab	63.935, -2.56, -47.596
Binary	01101010, 10101111, 11111110

#6aaffe
```
#6aaffe rgb(106,175,254)
```
#feb96a
```
#feb96a rgb(254,185,106)
```

Complementary Color

#6af9fe
```
#6af9fe rgb(106,249,254)
```
#6aaffe
```
#6aaffe rgb(106,175,254)
```
#6f6afe
```
#6f6afe rgb(111,106,254)
```

Analogous Color

#f9fe6a
```
#f9fe6a rgb(249,254,106)
```
#6aaffe
```
#6aaffe rgb(106,175,254)
```
#fe6f6a
```
#fe6f6a rgb(254,111,106)
```

Split Complementary Color

#affe6a
```
#affe6a rgb(175,254,106)
```
#6aaffe
```
#6aaffe rgb(106,175,254)
```
#fe6aaf
```
#fe6aaf rgb(254,106,175)
```

Triadic Color

#6afeb9
```
#6afeb9 rgb(106,254,185)
```
#6aaffe
```
#6aaffe rgb(106,175,254)
```
#fe6aaf
```
#fe6aaf rgb(254,106,175)
```
#feb96a
```
#feb96a rgb(254,185,106)
```

Tetradic Color

#1e86fd
```
#1e86fd rgb(30,134,253)
```
#3794fe
```
#3794fe rgb(55,148,254)
```
#51a1fe
```
#51a1fe rgb(81,161,254)
```
#6aaffe
```
#6aaffe rgb(106,175,254)
```
#83bdfe
```
#83bdfe rgb(131,189,254)
```
#9dcafe
```
#9dcafe rgb(157,202,254)
```
#b6d8ff
```
#b6d8ff rgb(182,216,255)
```

Monochromatic Color

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

#6ad4fe
```
#6ad4fe rgb(106,212,254)
```
#6ac8fe
```
#6ac8fe rgb(106,200,254)
```
#6abbfe
```
#6abbfe rgb(106,187,254)
```
#6aaffe
```
#6aaffe rgb(106,175,254)
```
#6aa3fe
```
#6aa3fe rgb(106,163,254)
```
#6a96fe
```
#6a96fe rgb(106,150,254)
```
#6a8afe
```
#6a8afe rgb(106,138,254)
```

Similar Colors

Text with hexadecimal color #6aaffe

This text has a font color of #6aaffe.

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

#6aaffe background color

This paragraph has a background color of #6aaffe.

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

#6aaffe border color

This element has a border color of #6aaffe.

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

CSS codes

.text {color:#6aaffe;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#000c1a
```
#000c1a rgb(0,12,26)
```
#00162e
```
#00162e rgb(0,22,46)
```
#001f41
```
#001f41 rgb(0,31,65)
```
#012855
```
#012855 rgb(1,40,85)
```
#013168
```
#013168 rgb(1,49,104)
```
#013a7c
```
#013a7c rgb(1,58,124)
```
#01438f
```
#01438f rgb(1,67,143)
```
#014ca3
```
#014ca3 rgb(1,76,163)
```
#0156b6
```
#0156b6 rgb(1,86,182)
```
#015fca
```
#015fca rgb(1,95,202)
```
#0168dd
```
#0168dd rgb(1,104,221)
```
#0271f1
```
#0271f1 rgb(2,113,241)
```

Shade Color Variation

#097bfd
```
#097bfd rgb(9,123,253)
```
#1c85fd
```
#1c85fd rgb(28,133,253)
```
#3090fe
```
#3090fe rgb(48,144,254)
```
#439afe
```
#439afe rgb(67,154,254)
```
#57a5fe
```
#57a5fe rgb(87,165,254)
```
#6aaffe
```
#6aaffe rgb(106,175,254)
```
#7db9fe
```
#7db9fe rgb(125,185,254)
```
#91c4fe
```
#91c4fe rgb(145,196,254)
```
#a4cefe
```
#a4cefe rgb(164,206,254)
```
#b8d9ff
```
#b8d9ff rgb(184,217,255)
```
#cbe3ff
```
#cbe3ff rgb(203,227,255)
```
#dfeeff
```
#dfeeff rgb(223,238,255)
```
#f2f8ff
```
#f2f8ff rgb(242,248,255)
```

Tint Color Variation

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

#afb4b9
```
#afb4b9 rgb(175,180,185)
```
#a9b3bf
```
#a9b3bf rgb(169,179,191)
```
#a4b3c4
```
#a4b3c4 rgb(164,179,196)
```
#9eb3ca
```
#9eb3ca rgb(158,179,202)
```
#98b2d0
```
#98b2d0 rgb(152,178,208)
```
#92b2d6
```
#92b2d6 rgb(146,178,214)
```
#8db1db
```
#8db1db rgb(141,177,219)
```
#87b1e1
```
#87b1e1 rgb(135,177,225)
```
#81b1e7
```
#81b1e7 rgb(129,177,231)
```
#7bb0ed
```
#7bb0ed rgb(123,176,237)
```
#76b0f2
```
#76b0f2 rgb(118,176,242)
```
#70aff8
```
#70aff8 rgb(112,175,248)
```
#6aaffe
```
#6aaffe rgb(106,175,254)
```

Tone Color Variation

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

#94adf9 Protanopia 1% of men
#87afff Deuteranopia 1% of men
#55bdcb Tritanopia 0.001% of the population

Trichromacy

#84adfb Protanomaly 1% of men, 0.01% of women
#7caffe Deuteranomaly 6% of men, 0.4% of women
#5cb8dd Tritanomaly 0.01% of the population

#6aaffe hex color

#6aaffe Color Information

#6aaffe Color Conversion

Color Schemes with #6aaffe

Alternatives to #6aaffe

#6aaffe Preview

Shades and Tints of #6aaffe

Tones of #6aaffe

Color Blindness Simulator