#6a7ad3 hex color

In a RGB color space, hex #6a7ad3 is composed of 41.6% red, 47.8% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 42.2% magenta, 0% yellow and 17.3% black. It has a hue angle of 230.9 degrees, a saturation of 54.4% and a lightness of 62.2%. #6a7ad3 color hex could be obtained by blending #d4f4ff with #0000a7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 42
- G 48
- B 83
RGB color chart
- C 50
- M 42
- Y 0
- K 17
CMYK color chart

● #6a7ad3 color description : Slightly desaturated blue.

The hexadecimal color #6a7ad3 has RGB values of R:106, G:122, B:211 and CMYK values of C:0.5, M:0.42, Y:0, K:0.17. Its decimal value is 6978259.

Hex triplet	6a7ad3	`#6a7ad3`
RGB Decimal	106, 122, 211	`rgb(106,122,211)`
RGB Percent	41.6, 47.8, 82.7	`rgb(41.6%,47.8%,82.7%)`
CMYK	50, 42, 0, 17
HSL	230.9°, 54.4, 62.2	`hsl(230.9,54.4%,62.2%)`
HSV (or HSB)	230.9°, 49.8, 82.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.692, 18.5, -47.821
XYZ	24.659, 21.685, 64.511
xyY	0.222, 0.196, 21.685
CIE-LCH	53.692, 51.275, 291.15
CIE-LUV	53.692, -11.411, -76.236
Hunter-Lab	46.568, 13.027, -49.538
Binary	01101010, 01111010, 11010011

#6a7ad3
```
#6a7ad3 rgb(106,122,211)
```
#d3c36a
```
#d3c36a rgb(211,195,106)
```

Complementary Color

#6aafd3
```
#6aafd3 rgb(106,175,211)
```
#6a7ad3
```
#6a7ad3 rgb(106,122,211)
```
#8f6ad3
```
#8f6ad3 rgb(143,106,211)
```

Analogous Color

#afd36a
```
#afd36a rgb(175,211,106)
```
#6a7ad3
```
#6a7ad3 rgb(106,122,211)
```
#d38f6a
```
#d38f6a rgb(211,143,106)
```

Split Complementary Color

#7ad36a
```
#7ad36a rgb(122,211,106)
```
#6a7ad3
```
#6a7ad3 rgb(106,122,211)
```
#d36a7a
```
#d36a7a rgb(211,106,122)
```

Triadic Color

#6ad3c3
```
#6ad3c3 rgb(106,211,195)
```
#6a7ad3
```
#6a7ad3 rgb(106,122,211)
```
#d36a7a
```
#d36a7a rgb(211,106,122)
```
#d3c36a
```
#d3c36a rgb(211,195,106)
```

Tetradic Color

#374bba
```
#374bba rgb(55,75,186)
```
#4357c7
```
#4357c7 rgb(67,87,199)
```
#5668cd
```
#5668cd rgb(86,104,205)
```
#6a7ad3
```
#6a7ad3 rgb(106,122,211)
```
#7e8cd9
```
#7e8cd9 rgb(126,140,217)
```
#919ddf
```
#919ddf rgb(145,157,223)
```
#a5afe4
```
#a5afe4 rgb(165,175,228)
```

Monochromatic Color

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

#6a94d3
```
#6a94d3 rgb(106,148,211)
```
#6a8cd3
```
#6a8cd3 rgb(106,140,211)
```
#6a83d3
```
#6a83d3 rgb(106,131,211)
```
#6a7ad3
```
#6a7ad3 rgb(106,122,211)
```
#6a71d3
```
#6a71d3 rgb(106,113,211)
```
#6c6ad3
```
#6c6ad3 rgb(108,106,211)
```
#746ad3
```
#746ad3 rgb(116,106,211)
```

Similar Colors

Text with hexadecimal color #6a7ad3

This text has a font color of #6a7ad3.

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

#6a7ad3 background color

This paragraph has a background color of #6a7ad3.

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

#6a7ad3 border color

This element has a border color of #6a7ad3.

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

CSS codes

.text {color:#6a7ad3;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050712
```
#050712 rgb(5,7,18)
```
#0a0d21
```
#0a0d21 rgb(10,13,33)
```
#0e1330
```
#0e1330 rgb(14,19,48)
```
#13193f
```
#13193f rgb(19,25,63)
```
#171f4e
```
#171f4e rgb(23,31,78)
```
#1c265d
```
#1c265d rgb(28,38,93)
```
#202c6c
```
#202c6c rgb(32,44,108)
```
#24327c
```
#24327c rgb(36,50,124)
```
#29388b
```
#29388b rgb(41,56,139)
```
#2d3e9a
```
#2d3e9a rgb(45,62,154)
```
#3244a9
```
#3244a9 rgb(50,68,169)
```
#364ab8
```
#364ab8 rgb(54,74,184)
```

Shade Color Variation

#3d51c6
```
#3d51c6 rgb(61,81,198)
```
#4c5fca
```
#4c5fca rgb(76,95,202)
```
#5b6ccf
```
#5b6ccf rgb(91,108,207)
```
#6a7ad3
```
#6a7ad3 rgb(106,122,211)
```
#7988d7
```
#7988d7 rgb(121,136,215)
```
#8895dc
```
#8895dc rgb(136,149,220)
```
#97a3e0
```
#97a3e0 rgb(151,163,224)
```
#a7b0e5
```
#a7b0e5 rgb(167,176,229)
```
#b6bee9
```
#b6bee9 rgb(182,190,233)
```
#c5cbee
```
#c5cbee rgb(197,203,238)
```
#d4d9f2
```
#d4d9f2 rgb(212,217,242)
```
#e3e6f7
```
#e3e6f7 rgb(227,230,247)
```
#f2f4fb
```
#f2f4fb rgb(242,244,251)
```

Tint Color Variation

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

#9e9e9f
```
#9e9e9f rgb(158,158,159)
```
#9799a6
```
#9799a6 rgb(151,153,166)
```
#8f94ae
```
#8f94ae rgb(143,148,174)
```
#888fb5
```
#888fb5 rgb(136,143,181)
```
#8089bd
```
#8089bd rgb(128,137,189)
```
#7984c4
```
#7984c4 rgb(121,132,196)
```
#717fcc
```
#717fcc rgb(113,127,204)
```
#6a7ad3
```
#6a7ad3 rgb(106,122,211)
```
#6375da
```
#6375da rgb(99,117,218)
```
#5b70e2
```
#5b70e2 rgb(91,112,226)
```
#546be9
```
#546be9 rgb(84,107,233)
```
#4c65f1
```
#4c65f1 rgb(76,101,241)
```
#4560f8
```
#4560f8 rgb(69,96,248)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#7b7e90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6084d7 Protanopia 1% of men
#5287d2 Deuteranopia 1% of men
#598e99 Tritanopia 0.001% of the population

Trichromacy

#6380d6 Protanomaly 1% of men, 0.01% of women
#5b82d2 Deuteranomaly 6% of men, 0.4% of women
#5f87ae Tritanomaly 0.01% of the population

#6a7ad3 hex color

#6a7ad3 Color Information

#6a7ad3 Color Conversion

Color Schemes with #6a7ad3

Alternatives to #6a7ad3

#6a7ad3 Preview

Shades and Tints of #6a7ad3

Tones of #6a7ad3

Color Blindness Simulator