#6a80ed hex color

In a RGB color space, hex #6a80ed is composed of 41.6% red, 50.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 46% magenta, 0% yellow and 7.1% black. It has a hue angle of 229.9 degrees, a saturation of 78.4% and a lightness of 67.3%. #6a80ed color hex could be obtained by blending #d4ffff with #0001db. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 42
- G 50
- B 93
RGB color chart
- C 55
- M 46
- Y 0
- K 7
CMYK color chart

● #6a80ed color description : Soft blue.

The hexadecimal color #6a80ed has RGB values of R:106, G:128, B:237 and CMYK values of C:0.55, M:0.46, Y:0, K:0.07. Its decimal value is 6979821.

Hex triplet	6a80ed	`#6a80ed`
RGB Decimal	106, 128, 237	`rgb(106,128,237)`
RGB Percent	41.6, 50.2, 92.9	`rgb(41.6%,50.2%,92.9%)`
CMYK	55, 46, 0, 7
HSL	229.9°, 78.4, 67.3	`hsl(229.9,78.4%,67.3%)`
HSV (or HSB)	229.9°, 55.3, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.699, 23.04, -57.607
XYZ	28.946, 24.616, 83.342
xyY	0.211, 0.18, 24.616
CIE-LCH	56.699, 62.043, 291.799
CIE-LUV	56.699, -14.165, -93.287
Hunter-Lab	49.614, 17.316, -64.866
Binary	01101010, 10000000, 11101101

#6a80ed
```
#6a80ed rgb(106,128,237)
```
#edd76a
```
#edd76a rgb(237,215,106)
```

Complementary Color

#6ac2ed
```
#6ac2ed rgb(106,194,237)
```
#6a80ed
```
#6a80ed rgb(106,128,237)
```
#966aed
```
#966aed rgb(150,106,237)
```

Analogous Color

#c2ed6a
```
#c2ed6a rgb(194,237,106)
```
#6a80ed
```
#6a80ed rgb(106,128,237)
```
#ed966a
```
#ed966a rgb(237,150,106)
```

Split Complementary Color

#80ed6a
```
#80ed6a rgb(128,237,106)
```
#6a80ed
```
#6a80ed rgb(106,128,237)
```
#ed6a80
```
#ed6a80 rgb(237,106,128)
```

Triadic Color

#6aedd7
```
#6aedd7 rgb(106,237,215)
```
#6a80ed
```
#6a80ed rgb(106,128,237)
```
#ed6a80
```
#ed6a80 rgb(237,106,128)
```
#edd76a
```
#edd76a rgb(237,215,106)
```

Tetradic Color

#2646e5
```
#2646e5 rgb(38,70,229)
```
#3c59e8
```
#3c59e8 rgb(60,89,232)
```
#536dea
```
#536dea rgb(83,109,234)
```
#6a80ed
```
#6a80ed rgb(106,128,237)
```
#8193f0
```
#8193f0 rgb(129,147,240)
```
#98a7f2
```
#98a7f2 rgb(152,167,242)
```
#aebaf5
```
#aebaf5 rgb(174,186,245)
```

Monochromatic Color

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

#6aa1ed
```
#6aa1ed rgb(106,161,237)
```
#6a96ed
```
#6a96ed rgb(106,150,237)
```
#6a8bed
```
#6a8bed rgb(106,139,237)
```
#6a80ed
```
#6a80ed rgb(106,128,237)
```
#6a75ed
```
#6a75ed rgb(106,117,237)
```
#6a6aed
```
#6a6aed rgb(106,106,237)
```
#756aed
```
#756aed rgb(117,106,237)
```

Similar Colors

Text with hexadecimal color #6a80ed

This text has a font color of #6a80ed.

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

#6a80ed background color

This paragraph has a background color of #6a80ed.

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

#6a80ed border color

This element has a border color of #6a80ed.

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

CSS codes

.text {color:#6a80ed;}

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

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

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

#010209
```
#010209 rgb(1,2,9)
```
#03071a
```
#03071a rgb(3,7,26)
```
#050c2c
```
#050c2c rgb(5,12,44)
```
#07103d
```
#07103d rgb(7,16,61)
```
#09154f
```
#09154f rgb(9,21,79)
```
#0c1a60
```
#0c1a60 rgb(12,26,96)
```
#0e1e72
```
#0e1e72 rgb(14,30,114)
```
#102383
```
#102383 rgb(16,35,131)
```
#122895
```
#122895 rgb(18,40,149)
```
#142da6
```
#142da6 rgb(20,45,166)
```
#1631b8
```
#1631b8 rgb(22,49,184)
```
#1836c9
```
#1836c9 rgb(24,54,201)
```
#1a3bdb
```
#1a3bdb rgb(26,59,219)
```

Shade Color Variation

#2444e5
```
#2444e5 rgb(36,68,229)
```
#3553e7
```
#3553e7 rgb(53,83,231)
```
#4762e9
```
#4762e9 rgb(71,98,233)
```
#5871eb
```
#5871eb rgb(88,113,235)
```
#6a80ed
```
#6a80ed rgb(106,128,237)
```
#7c8fef
```
#7c8fef rgb(124,143,239)
```
#8d9ef1
```
#8d9ef1 rgb(141,158,241)
```
#9fadf3
```
#9fadf3 rgb(159,173,243)
```
#b0bcf5
```
#b0bcf5 rgb(176,188,245)
```
#c2cbf8
```
#c2cbf8 rgb(194,203,248)
```
#d3dafa
```
#d3dafa rgb(211,218,250)
```
#e5e8fc
```
#e5e8fc rgb(229,232,252)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

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

#aaabad
```
#aaabad rgb(170,171,173)
```
#a4a6b3
```
#a4a6b3 rgb(164,166,179)
```
#9da2ba
```
#9da2ba rgb(157,162,186)
```
#979ec0
```
#979ec0 rgb(151,158,192)
```
#919ac6
```
#919ac6 rgb(145,154,198)
```
#8a95cd
```
#8a95cd rgb(138,149,205)
```
#8491d3
```
#8491d3 rgb(132,145,211)
```
#7d8dda
```
#7d8dda rgb(125,141,218)
```
#7789e0
```
#7789e0 rgb(119,137,224)
```
#7084e7
```
#7084e7 rgb(112,132,231)
```
#6a80ed
```
#6a80ed rgb(106,128,237)
```
#647cf3
```
#647cf3 rgb(100,124,243)
```
#5d77fa
```
#5d77fa rgb(93,119,250)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#80859b Atypical Achromatopsia 0.001% of the population

Dichromacy

#578af1 Protanopia 1% of men
#3a8fea Deuteranopia 1% of men
#4c98a3 Tritanopia 0.001% of the population

Trichromacy

#5e86ef Protanomaly 1% of men, 0.01% of women
#4c8aeb Deuteranomaly 6% of men, 0.4% of women
#578fbe Tritanomaly 0.01% of the population

#6a80ed hex color

#6a80ed Color Information

#6a80ed Color Conversion

Color Schemes with #6a80ed

Alternatives to #6a80ed

#6a80ed Preview

Shades and Tints of #6a80ed

Tones of #6a80ed

Color Blindness Simulator