#6a9edc hex color

In a RGB color space, hex #6a9edc is composed of 41.6% red, 62% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 28.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 212.6 degrees, a saturation of 62% and a lightness of 63.9%. #6a9edc color hex could be obtained by blending #d4ffff with #003db9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 62
- B 86
RGB color chart
- C 52
- M 28
- Y 0
- K 14
CMYK color chart

● #6a9edc color description : Soft blue.

The hexadecimal color #6a9edc has RGB values of R:106, G:158, B:220 and CMYK values of C:0.52, M:0.28, Y:0, K:0.14. Its decimal value is 6987484.

Hex triplet	6a9edc	`#6a9edc`
RGB Decimal	106, 158, 220	`rgb(106,158,220)`
RGB Percent	41.6, 62, 86.3	`rgb(41.6%,62%,86.3%)`
CMYK	52, 28, 0, 14
HSL	212.6°, 62, 63.9	`hsl(212.6,62%,63.9%)`
HSV (or HSB)	212.6°, 51.8, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.904, 0.079, -36.781
XYZ	31.086, 32.684, 72.377
xyY	0.228, 0.24, 32.684
CIE-LCH	63.904, 36.781, 270.123
CIE-LUV	63.904, -24.473, -58.161
Hunter-Lab	57.17, -2.987, -35.043
Binary	01101010, 10011110, 11011100

#6a9edc
```
#6a9edc rgb(106,158,220)
```
#dca86a
```
#dca86a rgb(220,168,106)
```

Complementary Color

#6ad7dc
```
#6ad7dc rgb(106,215,220)
```
#6a9edc
```
#6a9edc rgb(106,158,220)
```
#6f6adc
```
#6f6adc rgb(111,106,220)
```

Analogous Color

#d7dc6a
```
#d7dc6a rgb(215,220,106)
```
#6a9edc
```
#6a9edc rgb(106,158,220)
```
#dc6f6a
```
#dc6f6a rgb(220,111,106)
```

Split Complementary Color

#9edc6a
```
#9edc6a rgb(158,220,106)
```
#6a9edc
```
#6a9edc rgb(106,158,220)
```
#dc6a9e
```
#dc6a9e rgb(220,106,158)
```

Triadic Color

#6adca8
```
#6adca8 rgb(106,220,168)
```
#6a9edc
```
#6a9edc rgb(106,158,220)
```
#dc6a9e
```
#dc6a9e rgb(220,106,158)
```
#dca86a
```
#dca86a rgb(220,168,106)
```

Tetradic Color

#2f76ca
```
#2f76ca rgb(47,118,202)
```
#4183d2
```
#4183d2 rgb(65,131,210)
```
#5591d7
```
#5591d7 rgb(85,145,215)
```
#6a9edc
```
#6a9edc rgb(106,158,220)
```
#7fabe1
```
#7fabe1 rgb(127,171,225)
```
#93b9e6
```
#93b9e6 rgb(147,185,230)
```
#a8c6eb
```
#a8c6eb rgb(168,198,235)
```

Monochromatic Color

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

#6abbdc
```
#6abbdc rgb(106,187,220)
```
#6ab1dc
```
#6ab1dc rgb(106,177,220)
```
#6aa8dc
```
#6aa8dc rgb(106,168,220)
```
#6a9edc
```
#6a9edc rgb(106,158,220)
```
#6a95dc
```
#6a95dc rgb(106,149,220)
```
#6a8bdc
```
#6a8bdc rgb(106,139,220)
```
#6a82dc
```
#6a82dc rgb(106,130,220)
```

Similar Colors

Text with hexadecimal color #6a9edc

This text has a font color of #6a9edc.

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

#6a9edc background color

This paragraph has a background color of #6a9edc.

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

#6a9edc border color

This element has a border color of #6a9edc.

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

CSS codes

.text {color:#6a9edc;}

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

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

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, #02060a is the darkest color, while #f9fbfe is the lightest one.

#02060a
```
#02060a rgb(2,6,10)
```
#060f1a
```
#060f1a rgb(6,15,26)
```
#0a182a
```
#0a182a rgb(10,24,42)
```
#0e2239
```
#0e2239 rgb(14,34,57)
```
#112b49
```
#112b49 rgb(17,43,73)
```
#153459
```
#153459 rgb(21,52,89)
```
#193d69
```
#193d69 rgb(25,61,105)
```
#1c4779
```
#1c4779 rgb(28,71,121)
```
#205089
```
#205089 rgb(32,80,137)
```
#245999
```
#245999 rgb(36,89,153)
```
#2862a9
```
#2862a9 rgb(40,98,169)
```
#2b6cb9
```
#2b6cb9 rgb(43,108,185)
```
#2f75c8
```
#2f75c8 rgb(47,117,200)
```

Shade Color Variation

#3a7fd1
```
#3a7fd1 rgb(58,127,209)
```
#4a89d5
```
#4a89d5 rgb(74,137,213)
```
#5a94d8
```
#5a94d8 rgb(90,148,216)
```
#6a9edc
```
#6a9edc rgb(106,158,220)
```
#7aa8e0
```
#7aa8e0 rgb(122,168,224)
```
#8ab3e3
```
#8ab3e3 rgb(138,179,227)
```
#9abde7
```
#9abde7 rgb(154,189,231)
```
#aac7eb
```
#aac7eb rgb(170,199,235)
```
#b9d2ef
```
#b9d2ef rgb(185,210,239)
```
#c9dcf2
```
#c9dcf2 rgb(201,220,242)
```
#d9e6f6
```
#d9e6f6 rgb(217,230,246)
```
#e9f1fa
```
#e9f1fa rgb(233,241,250)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#a3a3a3
```
#a3a3a3 rgb(163,163,163)
```
#9ca2aa
```
#9ca2aa rgb(156,162,170)
```
#94a2b2
```
#94a2b2 rgb(148,162,178)
```
#8da1b9
```
#8da1b9 rgb(141,161,185)
```
#86a0c0
```
#86a0c0 rgb(134,160,192)
```
#7fa0c7
```
#7fa0c7 rgb(127,160,199)
```
#789fce
```
#789fce rgb(120,159,206)
```
#719fd5
```
#719fd5 rgb(113,159,213)
```
#6a9edc
```
#6a9edc rgb(106,158,220)
```
#639de3
```
#639de3 rgb(99,157,227)
```
#5c9dea
```
#5c9dea rgb(92,157,234)
```
#559cf1
```
#559cf1 rgb(85,156,241)
```
#4e9cf8
```
#4e9cf8 rgb(78,156,248)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8d98a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c9dda Protanopia 1% of men
#849edf Deuteranopia 1% of men
#60aab7 Tritanopia 0.001% of the population

Trichromacy

#7f9dda Protanomaly 1% of men, 0.01% of women
#7b9ede Deuteranomaly 6% of men, 0.4% of women
#64a6c4 Tritanomaly 0.01% of the population

#6a9edc hex color

#6a9edc Color Information

#6a9edc Color Conversion

Color Schemes with #6a9edc

Alternatives to #6a9edc

#6a9edc Preview

Shades and Tints of #6a9edc

Tones of #6a9edc

Color Blindness Simulator