#6a84de hex color

In a RGB color space, hex #6a84de is composed of 41.6% red, 51.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 40.5% magenta, 0% yellow and 12.9% black. It has a hue angle of 226.6 degrees, a saturation of 63.7% and a lightness of 64.3%. #6a84de color hex could be obtained by blending #d4ffff with #0009bd. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 52
- B 87
RGB color chart
- C 52
- M 41
- Y 0
- K 13
CMYK color chart

● #6a84de color description : Soft blue.

The hexadecimal color #6a84de has RGB values of R:106, G:132, B:222 and CMYK values of C:0.52, M:0.41, Y:0, K:0.13. Its decimal value is 6980830.

Hex triplet	6a84de	`#6a84de`
RGB Decimal	106, 132, 222	`rgb(106,132,222)`
RGB Percent	41.6, 51.8, 87.1	`rgb(41.6%,51.8%,87.1%)`
CMYK	52, 41, 0, 13
HSL	226.6°, 63.7, 64.3	`hsl(226.6,63.7%,64.3%)`
HSV (or HSB)	226.6°, 52.3, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.919, 15.903, -48.887
XYZ	27.377, 24.839, 72.455
xyY	0.22, 0.199, 24.839
CIE-LCH	56.919, 51.409, 288.02
CIE-LUV	56.919, -15.132, -78.587
Hunter-Lab	49.839, 10.833, -51.307
Binary	01101010, 10000100, 11011110

#6a84de
```
#6a84de rgb(106,132,222)
```
#dec46a
```
#dec46a rgb(222,196,106)
```

Complementary Color

#6abede
```
#6abede rgb(106,190,222)
```
#6a84de
```
#6a84de rgb(106,132,222)
```
#8a6ade
```
#8a6ade rgb(138,106,222)
```

Analogous Color

#bede6a
```
#bede6a rgb(190,222,106)
```
#6a84de
```
#6a84de rgb(106,132,222)
```
#de8a6a
```
#de8a6a rgb(222,138,106)
```

Split Complementary Color

#84de6a
```
#84de6a rgb(132,222,106)
```
#6a84de
```
#6a84de rgb(106,132,222)
```
#de6a84
```
#de6a84 rgb(222,106,132)
```

Triadic Color

#6adec4
```
#6adec4 rgb(106,222,196)
```
#6a84de
```
#6a84de rgb(106,132,222)
```
#de6a84
```
#de6a84 rgb(222,106,132)
```
#dec46a
```
#dec46a rgb(222,196,106)
```

Tetradic Color

#2e52ce
```
#2e52ce rgb(46,82,206)
```
#4062d5
```
#4062d5 rgb(64,98,213)
```
#5573d9
```
#5573d9 rgb(85,115,217)
```
#6a84de
```
#6a84de rgb(106,132,222)
```
#7f95e3
```
#7f95e3 rgb(127,149,227)
```
#94a6e7
```
#94a6e7 rgb(148,166,231)
```
#a9b8ec
```
#a9b8ec rgb(169,184,236)
```

Monochromatic Color

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

#6aa1de
```
#6aa1de rgb(106,161,222)
```
#6a97de
```
#6a97de rgb(106,151,222)
```
#6a8ede
```
#6a8ede rgb(106,142,222)
```
#6a84de
```
#6a84de rgb(106,132,222)
```
#6a7ade
```
#6a7ade rgb(106,122,222)
```
#6a71de
```
#6a71de rgb(106,113,222)
```
#6d6ade
```
#6d6ade rgb(109,106,222)
```

Similar Colors

Text with hexadecimal color #6a84de

This text has a font color of #6a84de.

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

#6a84de background color

This paragraph has a background color of #6a84de.

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

#6a84de border color

This element has a border color of #6a84de.

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

CSS codes

.text {color:#6a84de;}

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

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

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, #03050c is the darkest color, while #fbfbfe is the lightest one.

#03050c
```
#03050c rgb(3,5,12)
```
#060b1c
```
#060b1c rgb(6,11,28)
```
#0a112c
```
#0a112c rgb(10,17,44)
```
#0d183c
```
#0d183c rgb(13,24,60)
```
#111e4c
```
#111e4c rgb(17,30,76)
```
#14245c
```
#14245c rgb(20,36,92)
```
#182b6c
```
#182b6c rgb(24,43,108)
```
#1b317c
```
#1b317c rgb(27,49,124)
```
#1f378c
```
#1f378c rgb(31,55,140)
```
#233e9c
```
#233e9c rgb(35,62,156)
```
#2644ac
```
#2644ac rgb(38,68,172)
```
#2a4bbc
```
#2a4bbc rgb(42,75,188)
```
#2d51cc
```
#2d51cc rgb(45,81,204)
```

Shade Color Variation

#3a5cd3
```
#3a5cd3 rgb(58,92,211)
```
#4a69d7
```
#4a69d7 rgb(74,105,215)
```
#5a77da
```
#5a77da rgb(90,119,218)
```
#6a84de
```
#6a84de rgb(106,132,222)
```
#7a91e2
```
#7a91e2 rgb(122,145,226)
```
#8a9fe5
```
#8a9fe5 rgb(138,159,229)
```
#9aace9
```
#9aace9 rgb(154,172,233)
```
#aab9ec
```
#aab9ec rgb(170,185,236)
```
#bac6f0
```
#bac6f0 rgb(186,198,240)
```
#cad4f3
```
#cad4f3 rgb(202,212,243)
```
#dae1f7
```
#dae1f7 rgb(218,225,247)
```
#eaeefa
```
#eaeefa rgb(234,238,250)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#a2a3a6
```
#a2a3a6 rgb(162,163,166)
```
#9b9fad
```
#9b9fad rgb(155,159,173)
```
#949bb4
```
#949bb4 rgb(148,155,180)
```
#8d97bb
```
#8d97bb rgb(141,151,187)
```
#8693c2
```
#8693c2 rgb(134,147,194)
```
#7f90c9
```
#7f90c9 rgb(127,144,201)
```
#788cd0
```
#788cd0 rgb(120,140,208)
```
#7188d7
```
#7188d7 rgb(113,136,215)
```
#6a84de
```
#6a84de rgb(106,132,222)
```
#6380e5
```
#6380e5 rgb(99,128,229)
```
#5c7cec
```
#5c7cec rgb(92,124,236)
```
#5578f3
```
#5578f3 rgb(85,120,243)
```
#4e75fa
```
#4e75fa rgb(78,117,250)
```

Tone Color Variation

Below, you can see how #6a84de 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
#808698 Atypical Achromatopsia 0.001% of the population

Dichromacy

#698be0 Protanopia 1% of men
#598fdd Deuteranopia 1% of men
#5798a3 Tritanopia 0.001% of the population

Trichromacy

#6989df Protanomaly 1% of men, 0.01% of women
#5f8bdd Deuteranomaly 6% of men, 0.4% of women
#5e90b8 Tritanomaly 0.01% of the population

#6a84de hex color

#6a84de Color Information

#6a84de Color Conversion

Color Schemes with #6a84de

Alternatives to #6a84de

#6a84de Preview

Shades and Tints of #6a84de

Tones of #6a84de

Color Blindness Simulator