#6a77ff hex color

In a RGB color space, hex #6a77ff is composed of 41.6% red, 46.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 53.3% magenta, 0% yellow and 0% black. It has a hue angle of 234.8 degrees, a saturation of 100% and a lightness of 70.8%. #6a77ff color hex could be obtained by blending #d4eeff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 42
- G 47
- B 100
RGB color chart
- C 58
- M 53
- Y 0
- K 0
CMYK color chart

● #6a77ff color description : Very light blue.

The hexadecimal color #6a77ff has RGB values of R:106, G:119, B:255 and CMYK values of C:0.58, M:0.53, Y:0, K:0. Its decimal value is 6977535.

Hex triplet	6a77ff	`#6a77ff`
RGB Decimal	106, 119, 255	`rgb(106,119,255)`
RGB Percent	41.6, 46.7, 100	`rgb(41.6%,46.7%,100%)`
CMYK	58, 53, 0, 0
HSL	234.8°, 100, 70.8	`hsl(234.8,100%,70.8%)`
HSV (or HSB)	234.8°, 58.4, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.56, 34.192, -69.408
XYZ	30.587, 23.476, 97.522
xyY	0.202, 0.155, 23.476
CIE-LCH	55.56, 77.373, 296.226
CIE-LUV	55.56, -12.036, -112.282
Hunter-Lab	48.452, 27.892, -85.418
Binary	01101010, 01110111, 11111111

#6a77ff
```
#6a77ff rgb(106,119,255)
```
#fff26a
```
#fff26a rgb(255,242,106)
```

Complementary Color

#6ac2ff
```
#6ac2ff rgb(106,194,255)
```
#6a77ff
```
#6a77ff rgb(106,119,255)
```
#a86aff
```
#a86aff rgb(168,106,255)
```

Analogous Color

#c2ff6a
```
#c2ff6a rgb(194,255,106)
```
#6a77ff
```
#6a77ff rgb(106,119,255)
```
#ffa86a
```
#ffa86a rgb(255,168,106)
```

Split Complementary Color

#77ff6a
```
#77ff6a rgb(119,255,106)
```
#6a77ff
```
#6a77ff rgb(106,119,255)
```
#ff6a77
```
#ff6a77 rgb(255,106,119)
```

Triadic Color

#6afff2
```
#6afff2 rgb(106,255,242)
```
#6a77ff
```
#6a77ff rgb(106,119,255)
```
#ff6a77
```
#ff6a77 rgb(255,106,119)
```
#fff26a
```
#fff26a rgb(255,242,106)
```

Tetradic Color

#1e31ff
```
#1e31ff rgb(30,49,255)
```
#3748ff
```
#3748ff rgb(55,72,255)
```
#5160ff
```
#5160ff rgb(81,96,255)
```
#6a77ff
```
#6a77ff rgb(106,119,255)
```
#848eff
```
#848eff rgb(132,142,255)
```
#9da6ff
```
#9da6ff rgb(157,166,255)
```
#b7bdff
```
#b7bdff rgb(183,189,255)
```

Monochromatic Color

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

#6a9cff
```
#6a9cff rgb(106,156,255)
```
#6a90ff
```
#6a90ff rgb(106,144,255)
```
#6a83ff
```
#6a83ff rgb(106,131,255)
```
#6a77ff
```
#6a77ff rgb(106,119,255)
```
#6a6bff
```
#6a6bff rgb(106,107,255)
```
#766aff
```
#766aff rgb(118,106,255)
```
#826aff
```
#826aff rgb(130,106,255)
```

Similar Colors

Text with hexadecimal color #6a77ff

This text has a font color of #6a77ff.

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

#6a77ff background color

This paragraph has a background color of #6a77ff.

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

#6a77ff border color

This element has a border color of #6a77ff.

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

CSS codes

.text {color:#6a77ff;}

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

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

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

#000108
```
#000108 rgb(0,1,8)
```
#00021c
```
#00021c rgb(0,2,28)
```
#00042f
```
#00042f rgb(0,4,47)
```
#000643
```
#000643 rgb(0,6,67)
```
#000856
```
#000856 rgb(0,8,86)
```
#00096a
```
#00096a rgb(0,9,106)
```
#000b7e
```
#000b7e rgb(0,11,126)
```
#000d91
```
#000d91 rgb(0,13,145)
```
#000ea5
```
#000ea5 rgb(0,14,165)
```
#0010b8
```
#0010b8 rgb(0,16,184)
```
#0012cc
```
#0012cc rgb(0,18,204)
```
#0014e0
```
#0014e0 rgb(0,20,224)
```
#0015f3
```
#0015f3 rgb(0,21,243)
```

Shade Color Variation

#081dff
```
#081dff rgb(8,29,255)
```
#1c2fff
```
#1c2fff rgb(28,47,255)
```
#2f41ff
```
#2f41ff rgb(47,65,255)
```
#4353ff
```
#4353ff rgb(67,83,255)
```
#5665ff
```
#5665ff rgb(86,101,255)
```
#6a77ff
```
#6a77ff rgb(106,119,255)
```
#7e89ff
```
#7e89ff rgb(126,137,255)
```
#919bff
```
#919bff rgb(145,155,255)
```
#a5adff
```
#a5adff rgb(165,173,255)
```
#b8bfff
```
#b8bfff rgb(184,191,255)
```
#ccd1ff
```
#ccd1ff rgb(204,209,255)
```
#e0e2ff
```
#e0e2ff rgb(224,226,255)
```
#f3f4ff
```
#f3f4ff rgb(243,244,255)
```

Tint Color Variation

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

#afb0ba
```
#afb0ba rgb(175,176,186)
```
#a9abc0
```
#a9abc0 rgb(169,171,192)
```
#a3a6c6
```
#a3a6c6 rgb(163,166,198)
```
#9ea2cb
```
#9ea2cb rgb(158,162,203)
```
#989dd1
```
#989dd1 rgb(152,157,209)
```
#9298d7
```
#9298d7 rgb(146,152,215)
```
#8c93dd
```
#8c93dd rgb(140,147,221)
```
#878fe2
```
#878fe2 rgb(135,143,226)
```
#818ae8
```
#818ae8 rgb(129,138,232)
```
#7b85ee
```
#7b85ee rgb(123,133,238)
```
#7580f4
```
#7580f4 rgb(117,128,244)
```
#707cf9
```
#707cf9 rgb(112,124,249)
```
#6a77ff
```
#6a77ff rgb(106,119,255)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7e819c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3887ff Protanopia 1% of men
#008eea Deuteranopia 1% of men
#3997a2 Tritanopia 0.001% of the population

Trichromacy

#4a81ff Protanomaly 1% of men, 0.01% of women
#2685f1 Deuteranomaly 6% of men, 0.4% of women
#4b8bc4 Tritanomaly 0.01% of the population

#6a77ff hex color

#6a77ff Color Information

#6a77ff Color Conversion

Color Schemes with #6a77ff

Alternatives to #6a77ff

#6a77ff Preview

Shades and Tints of #6a77ff

Tones of #6a77ff

Color Blindness Simulator