#6aadfc hex color

In a RGB color space, hex #6aadfc is composed of 41.6% red, 67.8% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 31.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 212.5 degrees, a saturation of 96.1% and a lightness of 70.2%. #6aadfc color hex could be obtained by blending #d4ffff with #005bf9. Closest websafe color is: #6699ff.

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

● #6aadfc color description : Soft blue.

The hexadecimal color #6aadfc has RGB values of R:106, G:173, B:252 and CMYK values of C:0.58, M:0.31, Y:0, K:0.01. Its decimal value is 6991356.

Hex triplet	6aadfc	`#6aadfc`
RGB Decimal	106, 173, 252	`rgb(106,173,252)`
RGB Percent	41.6, 67.8, 98.8	`rgb(41.6%,67.8%,98.8%)`
CMYK	58, 31, 0, 1
HSL	212.5°, 96.1, 70.2	`hsl(212.5,96.1%,70.2%)`
HSV (or HSB)	212.5°, 57.9, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.453, 1.471, -45.623
XYZ	38.454, 39.977, 97.78
xyY	0.218, 0.227, 39.977
CIE-LCH	69.453, 45.647, 271.846
CIE-LUV	69.453, -29.528, -74.094
Hunter-Lab	63.228, -2.087, -47.431
Binary	01101010, 10101101, 11111100

#6aadfc
```
#6aadfc rgb(106,173,252)
```
#fcb96a
```
#fcb96a rgb(252,185,106)
```

Complementary Color

#6af6fc
```
#6af6fc rgb(106,246,252)
```
#6aadfc
```
#6aadfc rgb(106,173,252)
```
#706afc
```
#706afc rgb(112,106,252)
```

Analogous Color

#f6fc6a
```
#f6fc6a rgb(246,252,106)
```
#6aadfc
```
#6aadfc rgb(106,173,252)
```
#fc706a
```
#fc706a rgb(252,112,106)
```

Split Complementary Color

#adfc6a
```
#adfc6a rgb(173,252,106)
```
#6aadfc
```
#6aadfc rgb(106,173,252)
```
#fc6aad
```
#fc6aad rgb(252,106,173)
```

Triadic Color

#6afcb9
```
#6afcb9 rgb(106,252,185)
```
#6aadfc
```
#6aadfc rgb(106,173,252)
```
#fc6aad
```
#fc6aad rgb(252,106,173)
```
#fcb96a
```
#fcb96a rgb(252,185,106)
```

Tetradic Color

#1f84fa
```
#1f84fa rgb(31,132,250)
```
#3891fb
```
#3891fb rgb(56,145,251)
```
#519ffb
```
#519ffb rgb(81,159,251)
```
#6aadfc
```
#6aadfc rgb(106,173,252)
```
#83bbfd
```
#83bbfd rgb(131,187,253)
```
#9cc9fd
```
#9cc9fd rgb(156,201,253)
```
#b5d6fe
```
#b5d6fe rgb(181,214,254)
```

Monochromatic Color

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

#6ad2fc
```
#6ad2fc rgb(106,210,252)
```
#6ac5fc
```
#6ac5fc rgb(106,197,252)
```
#6ab9fc
```
#6ab9fc rgb(106,185,252)
```
#6aadfc
```
#6aadfc rgb(106,173,252)
```
#6aa1fc
```
#6aa1fc rgb(106,161,252)
```
#6a95fc
```
#6a95fc rgb(106,149,252)
```
#6a89fc
```
#6a89fc rgb(106,137,252)
```

Similar Colors

Text with hexadecimal color #6aadfc

This text has a font color of #6aadfc.

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

#6aadfc background color

This paragraph has a background color of #6aadfc.

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

#6aadfc border color

This element has a border color of #6aadfc.

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

CSS codes

.text {color:#6aadfc;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#000b18
```
#000b18 rgb(0,11,24)
```
#01142b
```
#01142b rgb(1,20,43)
```
#011d3f
```
#011d3f rgb(1,29,63)
```
#022652
```
#022652 rgb(2,38,82)
```
#022f65
```
#022f65 rgb(2,47,101)
```
#023878
```
#023878 rgb(2,56,120)
```
#03428b
```
#03428b rgb(3,66,139)
```
#034b9f
```
#034b9f rgb(3,75,159)
```
#0454b2
```
#0454b2 rgb(4,84,178)
```
#045dc5
```
#045dc5 rgb(4,93,197)
```
#0466d8
```
#0466d8 rgb(4,102,216)
```
#056fec
```
#056fec rgb(5,111,236)
```

Shade Color Variation

#0a78fa
```
#0a78fa rgb(10,120,250)
```
#1d83fa
```
#1d83fa rgb(29,131,250)
```
#308dfb
```
#308dfb rgb(48,141,251)
```
#4498fb
```
#4498fb rgb(68,152,251)
```
#57a2fc
```
#57a2fc rgb(87,162,252)
```
#6aadfc
```
#6aadfc rgb(106,173,252)
```
#7db8fc
```
#7db8fc rgb(125,184,252)
```
#90c2fd
```
#90c2fd rgb(144,194,253)
```
#a4cdfd
```
#a4cdfd rgb(164,205,253)
```
#b7d7fe
```
#b7d7fe rgb(183,215,254)
```
#cae2fe
```
#cae2fe rgb(202,226,254)
```
#ddecfe
```
#ddecfe rgb(221,236,254)
```
#f1f7ff
```
#f1f7ff rgb(241,247,255)
```

Tint Color Variation

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

#b0b3b6
```
#b0b3b6 rgb(176,179,182)
```
#aab2bc
```
#aab2bc rgb(170,178,188)
```
#a4b2c2
```
#a4b2c2 rgb(164,178,194)
```
#9fb1c7
```
#9fb1c7 rgb(159,177,199)
```
#99b1cd
```
#99b1cd rgb(153,177,205)
```
#93b0d3
```
#93b0d3 rgb(147,176,211)
```
#8db0d9
```
#8db0d9 rgb(141,176,217)
```
#87afdf
```
#87afdf rgb(135,175,223)
```
#81afe5
```
#81afe5 rgb(129,175,229)
```
#7caeea
```
#7caeea rgb(124,174,234)
```
#76aef0
```
#76aef0 rgb(118,174,240)
```
#70adf6
```
#70adf6 rgb(112,173,246)
```
#6aadfc
```
#6aadfc rgb(106,173,252)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#97a4b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92abf7 Protanopia 1% of men
#84adfd Deuteranopia 1% of men
#55bbc9 Tritanopia 0.001% of the population

Trichromacy

#83acf9 Protanomaly 1% of men, 0.01% of women
#7badfd Deuteranomaly 6% of men, 0.4% of women
#5db6db Tritanomaly 0.01% of the population

#6aadfc hex color

#6aadfc Color Information

#6aadfc Color Conversion

Color Schemes with #6aadfc

Alternatives to #6aadfc

#6aadfc Preview

Shades and Tints of #6aadfc

Tones of #6aadfc

Color Blindness Simulator