#6aa2d8 hex color

In a RGB color space, hex #6aa2d8 is composed of 41.6% red, 63.5% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 25% magenta, 0% yellow and 15.3% black. It has a hue angle of 209.5 degrees, a saturation of 58.5% and a lightness of 63.1%. #6aa2d8 color hex could be obtained by blending #d4ffff with #0045b1. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 64
- B 85
RGB color chart
- C 51
- M 25
- Y 0
- K 15
CMYK color chart

● #6aa2d8 color description : Moderate blue.

The hexadecimal color #6aa2d8 has RGB values of R:106, G:162, B:216 and CMYK values of C:0.51, M:0.25, Y:0, K:0.15. Its decimal value is 6988504.

Hex triplet	6aa2d8	`#6aa2d8`
RGB Decimal	106, 162, 216	`rgb(106,162,216)`
RGB Percent	41.6, 63.5, 84.7	`rgb(41.6%,63.5%,84.7%)`
CMYK	51, 25, 0, 15
HSL	209.5°, 58.5, 63.1	`hsl(209.5,58.5%,63.1%)`
HSV (or HSB)	209.5°, 50.9, 84.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.852, -3.382, -33.091
XYZ	31.256, 33.861, 69.851
xyY	0.232, 0.251, 33.861
CIE-LCH	64.852, 33.263, 264.165
CIE-LUV	64.852, -26.015, -51.69
Hunter-Lab	58.19, -5.954, -30.438
Binary	01101010, 10100010, 11011000

#6aa2d8
```
#6aa2d8 rgb(106,162,216)
```
#d8a06a
```
#d8a06a rgb(216,160,106)
```

Complementary Color

#6ad8d7
```
#6ad8d7 rgb(106,216,215)
```
#6aa2d8
```
#6aa2d8 rgb(106,162,216)
```
#6a6bd8
```
#6a6bd8 rgb(106,107,216)
```

Analogous Color

#d8d76a
```
#d8d76a rgb(216,215,106)
```
#6aa2d8
```
#6aa2d8 rgb(106,162,216)
```
#d86a6b
```
#d86a6b rgb(216,106,107)
```

Split Complementary Color

#a2d86a
```
#a2d86a rgb(162,216,106)
```
#6aa2d8
```
#6aa2d8 rgb(106,162,216)
```
#d86aa2
```
#d86aa2 rgb(216,106,162)
```

Triadic Color

#6ad8a0
```
#6ad8a0 rgb(106,216,160)
```
#6aa2d8
```
#6aa2d8 rgb(106,162,216)
```
#d86aa2
```
#d86aa2 rgb(216,106,162)
```
#d8a06a
```
#d8a06a rgb(216,160,106)
```

Tetradic Color

#337cc3
```
#337cc3 rgb(51,124,195)
```
#4289cd
```
#4289cd rgb(66,137,205)
```
#5695d3
```
#5695d3 rgb(86,149,211)
```
#6aa2d8
```
#6aa2d8 rgb(106,162,216)
```
#7eafdd
```
#7eafdd rgb(126,175,221)
```
#92bbe3
```
#92bbe3 rgb(146,187,227)
```
#a7c8e8
```
#a7c8e8 rgb(167,200,232)
```

Monochromatic Color

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

#6abed8
```
#6abed8 rgb(106,190,216)
```
#6ab4d8
```
#6ab4d8 rgb(106,180,216)
```
#6aabd8
```
#6aabd8 rgb(106,171,216)
```
#6aa2d8
```
#6aa2d8 rgb(106,162,216)
```
#6a99d8
```
#6a99d8 rgb(106,153,216)
```
#6a90d8
```
#6a90d8 rgb(106,144,216)
```
#6a87d8
```
#6a87d8 rgb(106,135,216)
```

Similar Colors

Text with hexadecimal color #6aa2d8

This text has a font color of #6aa2d8.

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

#6aa2d8 background color

This paragraph has a background color of #6aa2d8.

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

#6aa2d8 border color

This element has a border color of #6aa2d8.

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

CSS codes

.text {color:#6aa2d8;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#060e16
```
#060e16 rgb(6,14,22)
```
#0a1826
```
#0a1826 rgb(10,24,38)
```
#0e2235
```
#0e2235 rgb(14,34,53)
```
#122c45
```
#122c45 rgb(18,44,69)
```
#163654
```
#163654 rgb(22,54,84)
```
#1a4064
```
#1a4064 rgb(26,64,100)
```
#1e4a73
```
#1e4a73 rgb(30,74,115)
```
#225383
```
#225383 rgb(34,83,131)
```
#265d92
```
#265d92 rgb(38,93,146)
```
#2a67a2
```
#2a67a2 rgb(42,103,162)
```
#2e71b1
```
#2e71b1 rgb(46,113,177)
```
#337bc1
```
#337bc1 rgb(51,123,193)
```

Shade Color Variation

#3b85cc
```
#3b85cc rgb(59,133,204)
```
#4b8fd0
```
#4b8fd0 rgb(75,143,208)
```
#5a98d4
```
#5a98d4 rgb(90,152,212)
```
#6aa2d8
```
#6aa2d8 rgb(106,162,216)
```
#7aacdc
```
#7aacdc rgb(122,172,220)
```
#89b5e0
```
#89b5e0 rgb(137,181,224)
```
#99bfe4
```
#99bfe4 rgb(153,191,228)
```
#a8c9e8
```
#a8c9e8 rgb(168,201,232)
```
#b8d3ec
```
#b8d3ec rgb(184,211,236)
```
#c7dcf0
```
#c7dcf0 rgb(199,220,240)
```
#d7e6f4
```
#d7e6f4 rgb(215,230,244)
```
#e6f0f9
```
#e6f0f9 rgb(230,240,249)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da1a5 is the less saturated color, while #46a3fc is the most saturated one.

#9da1a5
```
#9da1a5 rgb(157,161,165)
```
#95a1ad
```
#95a1ad rgb(149,161,173)
```
#8ea1b4
```
#8ea1b4 rgb(142,161,180)
```
#87a1bb
```
#87a1bb rgb(135,161,187)
```
#80a2c2
```
#80a2c2 rgb(128,162,194)
```
#78a2ca
```
#78a2ca rgb(120,162,202)
```
#71a2d1
```
#71a2d1 rgb(113,162,209)
```
#6aa2d8
```
#6aa2d8 rgb(106,162,216)
```
#63a2df
```
#63a2df rgb(99,162,223)
```
#5ca2e6
```
#5ca2e6 rgb(92,162,230)
```
#54a2ee
```
#54a2ee rgb(84,162,238)
```
#4da3f5
```
#4da3f5 rgb(77,163,245)
```
#46a3fc
```
#46a3fc rgb(70,163,252)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8e99a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a0d5 Protanopia 1% of men
#8da0dc Deuteranopia 1% of men
#63adb9 Tritanopia 0.001% of the population

Trichromacy

#83a1d6 Protanomaly 1% of men, 0.01% of women
#80a1da Deuteranomaly 6% of men, 0.4% of women
#66a9c4 Tritanomaly 0.01% of the population

#6aa2d8 hex color

#6aa2d8 Color Information

#6aa2d8 Color Conversion

Color Schemes with #6aa2d8

Alternatives to #6aa2d8

#6aa2d8 Preview

Shades and Tints of #6aa2d8

Tones of #6aa2d8

Color Blindness Simulator