#6a84ec hex color

In a RGB color space, hex #6a84ec is composed of 41.6% red, 51.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 44.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 228 degrees, a saturation of 77.4% and a lightness of 67.1%. #6a84ec color hex could be obtained by blending #d4ffff with #0009d9. Closest websafe color is: #6699ff.

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

● #6a84ec color description : Soft blue.

The hexadecimal color #6a84ec has RGB values of R:106, G:132, B:236 and CMYK values of C:0.55, M:0.44, Y:0, K:0.07. Its decimal value is 6980844.

Hex triplet	6a84ec	`#6a84ec`
RGB Decimal	106, 132, 236	`rgb(106,132,236)`
RGB Percent	41.6, 51.8, 92.5	`rgb(41.6%,51.8%,92.5%)`
CMYK	55, 44, 0, 7
HSL	228°, 77.4, 67.1	`hsl(228,77.4%,67.1%)`
HSV (or HSB)	228°, 55.1, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.676, 20.319, -55.489
XYZ	29.332, 25.621, 82.752
xyY	0.213, 0.186, 25.621
CIE-LCH	57.676, 59.092, 290.112
CIE-LUV	57.676, -15.432, -89.945
Hunter-Lab	50.618, 14.858, -61.498
Binary	01101010, 10000100, 11101100

#6a84ec
```
#6a84ec rgb(106,132,236)
```
#ecd26a
```
#ecd26a rgb(236,210,106)
```

Complementary Color

#6ac5ec
```
#6ac5ec rgb(106,197,236)
```
#6a84ec
```
#6a84ec rgb(106,132,236)
```
#916aec
```
#916aec rgb(145,106,236)
```

Analogous Color

#c5ec6a
```
#c5ec6a rgb(197,236,106)
```
#6a84ec
```
#6a84ec rgb(106,132,236)
```
#ec916a
```
#ec916a rgb(236,145,106)
```

Split Complementary Color

#84ec6a
```
#84ec6a rgb(132,236,106)
```
#6a84ec
```
#6a84ec rgb(106,132,236)
```
#ec6a84
```
#ec6a84 rgb(236,106,132)
```

Triadic Color

#6aecd2
```
#6aecd2 rgb(106,236,210)
```
#6a84ec
```
#6a84ec rgb(106,132,236)
```
#ec6a84
```
#ec6a84 rgb(236,106,132)
```
#ecd26a
```
#ecd26a rgb(236,210,106)
```

Tetradic Color

#264ce3
```
#264ce3 rgb(38,76,227)
```
#3d5fe6
```
#3d5fe6 rgb(61,95,230)
```
#5371e9
```
#5371e9 rgb(83,113,233)
```
#6a84ec
```
#6a84ec rgb(106,132,236)
```
#8197ef
```
#8197ef rgb(129,151,239)
```
#97a9f2
```
#97a9f2 rgb(151,169,242)
```
#aebcf5
```
#aebcf5 rgb(174,188,245)
```

Monochromatic Color

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

#6aa5ec
```
#6aa5ec rgb(106,165,236)
```
#6a9aec
```
#6a9aec rgb(106,154,236)
```
#6a8fec
```
#6a8fec rgb(106,143,236)
```
#6a84ec
```
#6a84ec rgb(106,132,236)
```
#6a79ec
```
#6a79ec rgb(106,121,236)
```
#6a6eec
```
#6a6eec rgb(106,110,236)
```
#716aec
```
#716aec rgb(113,106,236)
```

Similar Colors

Text with hexadecimal color #6a84ec

This text has a font color of #6a84ec.

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

#6a84ec background color

This paragraph has a background color of #6a84ec.

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

#6a84ec border color

This element has a border color of #6a84ec.

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

CSS codes

.text {color:#6a84ec;}

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

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

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

#010208
```
#010208 rgb(1,2,8)
```
#030819
```
#030819 rgb(3,8,25)
```
#050d2a
```
#050d2a rgb(5,13,42)
```
#08123c
```
#08123c rgb(8,18,60)
```
#0a174d
```
#0a174d rgb(10,23,77)
```
#0c1d5f
```
#0c1d5f rgb(12,29,95)
```
#0e2270
```
#0e2270 rgb(14,34,112)
```
#102781
```
#102781 rgb(16,39,129)
```
#132c93
```
#132c93 rgb(19,44,147)
```
#1532a4
```
#1532a4 rgb(21,50,164)
```
#1737b6
```
#1737b6 rgb(23,55,182)
```
#193cc7
```
#193cc7 rgb(25,60,199)
```
#1c41d8
```
#1c41d8 rgb(28,65,216)
```

Shade Color Variation

#244be3
```
#244be3 rgb(36,75,227)
```
#3659e5
```
#3659e5 rgb(54,89,229)
```
#4767e8
```
#4767e8 rgb(71,103,232)
```
#5976ea
```
#5976ea rgb(89,118,234)
```
#6a84ec
```
#6a84ec rgb(106,132,236)
```
#7b92ee
```
#7b92ee rgb(123,146,238)
```
#8da1f0
```
#8da1f0 rgb(141,161,240)
```
#9eaff3
```
#9eaff3 rgb(158,175,243)
```
#b0bdf5
```
#b0bdf5 rgb(176,189,245)
```
#c1ccf7
```
#c1ccf7 rgb(193,204,247)
```
#d2daf9
```
#d2daf9 rgb(210,218,249)
```
#e4e9fc
```
#e4e9fc rgb(228,233,252)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#ababab
```
#ababab rgb(171,171,171)
```
#a4a7b2
```
#a4a7b2 rgb(164,167,178)
```
#9ea3b8
```
#9ea3b8 rgb(158,163,184)
```
#979fbf
```
#979fbf rgb(151,159,191)
```
#919bc5
```
#919bc5 rgb(145,155,197)
```
#8a97cc
```
#8a97cc rgb(138,151,204)
```
#8494d2
```
#8494d2 rgb(132,148,210)
```
#7d90d9
```
#7d90d9 rgb(125,144,217)
```
#778cdf
```
#778cdf rgb(119,140,223)
```
#7088e6
```
#7088e6 rgb(112,136,230)
```
#6a84ec
```
#6a84ec rgb(106,132,236)
```
#6480f2
```
#6480f2 rgb(100,128,242)
```
#5d7cf9
```
#5d7cf9 rgb(93,124,249)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#82879c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f8def Protanopia 1% of men
#4791e9 Deuteranopia 1% of men
#4e9ba6 Tritanopia 0.001% of the population

Trichromacy

#6389ee Protanomaly 1% of men, 0.01% of women
#548cea Deuteranomaly 6% of men, 0.4% of women
#5892bf Tritanomaly 0.01% of the population

#6a84ec hex color

#6a84ec Color Information

#6a84ec Color Conversion

Color Schemes with #6a84ec

Alternatives to #6a84ec

#6a84ec Preview

Shades and Tints of #6a84ec

Tones of #6a84ec

Color Blindness Simulator