colorhexa.com

#6770f1 hex color

In a RGB color space, hex #6770f1 is composed of 40.4% red, 43.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 57.3% cyan, 53.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 236.1 degrees, a saturation of 83.1% and a lightness of 67.5%. #6770f1 color hex could be obtained by blending #cee0ff with #0000e3. Closest websafe color is: #6666ff.

- R 40
- G 44
- B 95
RGB color chart
- C 57
- M 54
- Y 0
- K 5
CMYK color chart

● #6770f1 color description : Soft blue.

The hexadecimal color #6770f1 has RGB values of R:103, G:112, B:241 and CMYK values of C:0.57, M:0.54, Y:0, K:0.05. Its decimal value is 6779121.

Hex triplet	6770f1	`#6770f1`
RGB Decimal	103, 112, 241	`rgb(103,112,241)`
RGB Percent	40.4, 43.9, 94.5	`rgb(40.4%,43.9%,94.5%)`
CMYK	57, 54, 0, 5
HSL	236.1°, 83.1, 67.5	`hsl(236.1,83.1%,67.5%)`
HSV (or HSB)	236.1°, 57.3, 94.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.754, 33.39, -66.187
XYZ	27.262, 20.822, 85.797
xyY	0.204, 0.156, 20.822
CIE-LCH	52.754, 74.133, 296.77
CIE-LUV	52.754, -10.407, -105.908
Hunter-Lab	45.631, 26.79, -79.538
Binary	01100111, 01110000, 11110001

#6770f1
```
#6770f1 rgb(103,112,241)
```
#f1e867
```
#f1e867 rgb(241,232,103)
```

Complementary Color

#67b5f1
```
#67b5f1 rgb(103,181,241)
```
#6770f1
```
#6770f1 rgb(103,112,241)
```
#a367f1
```
#a367f1 rgb(163,103,241)
```

Analogous Color

#b5f167
```
#b5f167 rgb(181,241,103)
```
#6770f1
```
#6770f1 rgb(103,112,241)
```
#f1a367
```
#f1a367 rgb(241,163,103)
```

Split Complementary Color

#70f167
```
#70f167 rgb(112,241,103)
```
#6770f1
```
#6770f1 rgb(103,112,241)
```
#f16770
```
#f16770 rgb(241,103,112)
```

Triadic Color

#67f1e8
```
#67f1e8 rgb(103,241,232)
```
#6770f1
```
#6770f1 rgb(103,112,241)
```
#f16770
```
#f16770 rgb(241,103,112)
```
#f1e867
```
#f1e867 rgb(241,232,103)
```

Tetradic Color

#212eeb
```
#212eeb rgb(33,46,235)
```
#3844ed
```
#3844ed rgb(56,68,237)
```
#505aef
```
#505aef rgb(80,90,239)
```
#6770f1
```
#6770f1 rgb(103,112,241)
```
#7e86f3
```
#7e86f3 rgb(126,134,243)
```
#969cf5
```
#969cf5 rgb(150,156,245)
```
#adb2f7
```
#adb2f7 rgb(173,178,247)
```

Monochromatic Color

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

#6793f1
```
#6793f1 rgb(103,147,241)
```
#6787f1
```
#6787f1 rgb(103,135,241)
```
#677cf1
```
#677cf1 rgb(103,124,241)
```
#6770f1
```
#6770f1 rgb(103,112,241)
```
#6a67f1
```
#6a67f1 rgb(106,103,241)
```
#7567f1
```
#7567f1 rgb(117,103,241)
```
#8167f1
```
#8167f1 rgb(129,103,241)
```

Similar Colors

Text with hexadecimal color #6770f1

This text has a font color of #6770f1.

<span style="color:#6770f1;">Text here</span>

#6770f1 background color

This paragraph has a background color of #6770f1.

<p style="background-color:#6770f1;">Content here</p>

#6770f1 border color

This element has a border color of #6770f1.

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

CSS codes

.text {color:#6770f1;}

.background {background-color:#6770f1;}

.border {border:1px solid #6770f1;}

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, #01010a is the darkest color, while #f7f7fe is the lightest one.

#01010a
```
#01010a rgb(1,1,10)
```
#03041c
```
#03041c rgb(3,4,28)
```
#04072e
```
#04072e rgb(4,7,46)
```
#060a40
```
#060a40 rgb(6,10,64)
```
#080c51
```
#080c51 rgb(8,12,81)
```
#090f63
```
#090f63 rgb(9,15,99)
```
#0b1275
```
#0b1275 rgb(11,18,117)
```
#0c1487
```
#0c1487 rgb(12,20,135)
```
#0e1799
```
#0e1799 rgb(14,23,153)
```
#101aab
```
#101aab rgb(16,26,171)
```
#111dbd
```
#111dbd rgb(17,29,189)
```
#131fcf
```
#131fcf rgb(19,31,207)
```
#1522e1
```
#1522e1 rgb(21,34,225)
```

Shade Color Variation

#1f2cea
```
#1f2cea rgb(31,44,234)
```
#313dec
```
#313dec rgb(49,61,236)
```
#434eee
```
#434eee rgb(67,78,238)
```
#555fef
```
#555fef rgb(85,95,239)
```
#6770f1
```
#6770f1 rgb(103,112,241)
```
#7981f3
```
#7981f3 rgb(121,129,243)
```
#8b92f4
```
#8b92f4 rgb(139,146,244)
```
#9da3f6
```
#9da3f6 rgb(157,163,246)
```
#afb4f8
```
#afb4f8 rgb(175,180,248)
```
#c1c4f9
```
#c1c4f9 rgb(193,196,249)
```
#d3d5fb
```
#d3d5fb rgb(211,213,251)
```
#e5e6fd
```
#e5e6fd rgb(229,230,253)
```
#f7f7fe
```
#f7f7fe rgb(247,247,254)
```

Tint Color Variation

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

#a7a8b1
```
#a7a8b1 rgb(167,168,177)
```
#a0a2b8
```
#a0a2b8 rgb(160,162,184)
```
#9a9cbe
```
#9a9cbe rgb(154,156,190)
```
#9497c4
```
#9497c4 rgb(148,151,196)
```
#8d91cb
```
#8d91cb rgb(141,145,203)
```
#878cd1
```
#878cd1 rgb(135,140,209)
```
#8186d7
```
#8186d7 rgb(129,134,215)
```
#7a81de
```
#7a81de rgb(122,129,222)
```
#747be4
```
#747be4 rgb(116,123,228)
```
#6d76eb
```
#6d76eb rgb(109,118,235)
```
#6770f1
```
#6770f1 rgb(103,112,241)
```
#616af7
```
#616af7 rgb(97,106,247)
```
#5a65fe
```
#5a65fe rgb(90,101,254)
```

Tone Color Variation

Below, you can see how #6770f1 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

#7c7c7c Achromatopsia 0.005% of the population
#787a93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d80fa Protanopia 1% of men
#0087df Deuteranopia 1% of men
#3d8f99 Tritanopia 0.001% of the population

Trichromacy

#387af6 Protanomaly 1% of men, 0.01% of women
#257ee5 Deuteranomaly 6% of men, 0.4% of women
#4c83b9 Tritanomaly 0.01% of the population