#6a99e2 hex color

In a RGB color space, hex #6a99e2 is composed of 41.6% red, 60% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 32.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 216.5 degrees, a saturation of 67.4% and a lightness of 65.1%. #6a99e2 color hex could be obtained by blending #d4ffff with #0033c5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 60
- B 89
RGB color chart
- C 53
- M 32
- Y 0
- K 11
CMYK color chart

● #6a99e2 color description : Soft blue.

The hexadecimal color #6a99e2 has RGB values of R:106, G:153, B:226 and CMYK values of C:0.53, M:0.32, Y:0, K:0.11. Its decimal value is 6986210.

Hex triplet	6a99e2	`#6a99e2`
RGB Decimal	106, 153, 226	`rgb(106,153,226)`
RGB Percent	41.6, 60, 88.6	`rgb(41.6%,60%,88.6%)`
CMYK	53, 32, 0, 11
HSL	216.5°, 67.4, 65.1	`hsl(216.5,67.4%,65.1%)`
HSV (or HSB)	216.5°, 53.1, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.79, 4.781, -41.845
XYZ	31.059, 31.336, 76.359
xyY	0.224, 0.226, 31.336
CIE-LCH	62.79, 42.117, 276.518
CIE-LUV	62.79, -22.604, -67.012
Hunter-Lab	55.979, 1.078, -41.691
Binary	01101010, 10011001, 11100010

#6a99e2
```
#6a99e2 rgb(106,153,226)
```
#e2b36a
```
#e2b36a rgb(226,179,106)
```

Complementary Color

#6ad5e2
```
#6ad5e2 rgb(106,213,226)
```
#6a99e2
```
#6a99e2 rgb(106,153,226)
```
#776ae2
```
#776ae2 rgb(119,106,226)
```

Analogous Color

#d5e26a
```
#d5e26a rgb(213,226,106)
```
#6a99e2
```
#6a99e2 rgb(106,153,226)
```
#e2776a
```
#e2776a rgb(226,119,106)
```

Split Complementary Color

#99e26a
```
#99e26a rgb(153,226,106)
```
#6a99e2
```
#6a99e2 rgb(106,153,226)
```
#e26a99
```
#e26a99 rgb(226,106,153)
```

Triadic Color

#6ae2b3
```
#6ae2b3 rgb(106,226,179)
```
#6a99e2
```
#6a99e2 rgb(106,153,226)
```
#e26a99
```
#e26a99 rgb(226,106,153)
```
#e2b36a
```
#e2b36a rgb(226,179,106)
```

Tetradic Color

#2a6dd6
```
#2a6dd6 rgb(42,109,214)
```
#3f7cda
```
#3f7cda rgb(63,124,218)
```
#558ade
```
#558ade rgb(85,138,222)
```
#6a99e2
```
#6a99e2 rgb(106,153,226)
```
#7fa8e6
```
#7fa8e6 rgb(127,168,230)
```
#95b6ea
```
#95b6ea rgb(149,182,234)
```
#aac5ee
```
#aac5ee rgb(170,197,238)
```

Monochromatic Color

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

#6ab7e2
```
#6ab7e2 rgb(106,183,226)
```
#6aade2
```
#6aade2 rgb(106,173,226)
```
#6aa3e2
```
#6aa3e2 rgb(106,163,226)
```
#6a99e2
```
#6a99e2 rgb(106,153,226)
```
#6a8fe2
```
#6a8fe2 rgb(106,143,226)
```
#6a85e2
```
#6a85e2 rgb(106,133,226)
```
#6a7be2
```
#6a7be2 rgb(106,123,226)
```

Similar Colors

Text with hexadecimal color #6a99e2

This text has a font color of #6a99e2.

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

#6a99e2 background color

This paragraph has a background color of #6a99e2.

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

#6a99e2 border color

This element has a border color of #6a99e2.

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

CSS codes

.text {color:#6a99e2;}

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

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

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, #03080f is the darkest color, while #fefeff is the lightest one.

#03080f
```
#03080f rgb(3,8,15)
```
#061020
```
#061020 rgb(6,16,32)
```
#091930
```
#091930 rgb(9,25,48)
```
#0d2140
```
#0d2140 rgb(13,33,64)
```
#102951
```
#102951 rgb(16,41,81)
```
#133261
```
#133261 rgb(19,50,97)
```
#163a72
```
#163a72 rgb(22,58,114)
```
#194282
```
#194282 rgb(25,66,130)
```
#1d4b93
```
#1d4b93 rgb(29,75,147)
```
#2053a3
```
#2053a3 rgb(32,83,163)
```
#235cb3
```
#235cb3 rgb(35,92,179)
```
#2664c4
```
#2664c4 rgb(38,100,196)
```
#296cd4
```
#296cd4 rgb(41,108,212)
```

Shade Color Variation

#3977d8
```
#3977d8 rgb(57,119,216)
```
#4983dc
```
#4983dc rgb(73,131,220)
```
#5a8edf
```
#5a8edf rgb(90,142,223)
```
#6a99e2
```
#6a99e2 rgb(106,153,226)
```
#7aa4e5
```
#7aa4e5 rgb(122,164,229)
```
#8bafe8
```
#8bafe8 rgb(139,175,232)
```
#9bbbec
```
#9bbbec rgb(155,187,236)
```
#acc6ef
```
#acc6ef rgb(172,198,239)
```
#bcd1f2
```
#bcd1f2 rgb(188,209,242)
```
#cddcf5
```
#cddcf5 rgb(205,220,245)
```
#dde8f8
```
#dde8f8 rgb(221,232,248)
```
#edf3fc
```
#edf3fc rgb(237,243,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a1a5ab
```
#a1a5ab rgb(161,165,171)
```
#9aa3b2
```
#9aa3b2 rgb(154,163,178)
```
#93a2b9
```
#93a2b9 rgb(147,162,185)
```
#8ca0c0
```
#8ca0c0 rgb(140,160,192)
```
#859fc7
```
#859fc7 rgb(133,159,199)
```
#7f9dcd
```
#7f9dcd rgb(127,157,205)
```
#789cd4
```
#789cd4 rgb(120,156,212)
```
#719adb
```
#719adb rgb(113,154,219)
```
#6a99e2
```
#6a99e2 rgb(106,153,226)
```
#6398e9
```
#6398e9 rgb(99,152,233)
```
#5c96f0
```
#5c96f0 rgb(92,150,240)
```
#5595f7
```
#5595f7 rgb(85,149,247)
```
#4f93fd
```
#4f93fd rgb(79,147,253)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8b94a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#839ae1 Protanopia 1% of men
#799ce4 Deuteranopia 1% of men
#5ca8b4 Tritanopia 0.001% of the population

Trichromacy

#7a9ae1 Protanomaly 1% of men, 0.01% of women
#739be3 Deuteranomaly 6% of men, 0.4% of women
#61a2c5 Tritanomaly 0.01% of the population

#6a99e2 hex color

#6a99e2 Color Information

#6a99e2 Color Conversion

Color Schemes with #6a99e2

Alternatives to #6a99e2

#6a99e2 Preview

Shades and Tints of #6a99e2

Tones of #6a99e2

Color Blindness Simulator