#6b77f6 hex color

In a RGB color space, hex #6b77f6 is composed of 42% red, 46.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 51.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 234.8 degrees, a saturation of 88.5% and a lightness of 69.2%. #6b77f6 color hex could be obtained by blending #d6eeff with #0000ed. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 42
- G 47
- B 96
RGB color chart
- C 57
- M 52
- Y 0
- K 4
CMYK color chart

● #6b77f6 color description : Soft blue.

The hexadecimal color #6b77f6 has RGB values of R:107, G:119, B:246 and CMYK values of C:0.57, M:0.52, Y:0, K:0.04. Its decimal value is 7043062.

Hex triplet	6b77f6	`#6b77f6`
RGB Decimal	107, 119, 246	`rgb(107,119,246)`
RGB Percent	42, 46.7, 96.5	`rgb(42%,46.7%,96.5%)`
CMYK	57, 52, 0, 4
HSL	234.8°, 88.5, 69.2	`hsl(234.8,88.5%,69.2%)`
HSV (or HSB)	234.8°, 56.5, 96.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.043, 31.509, -65.26
XYZ	29.291, 22.972, 90.074
xyY	0.206, 0.161, 22.972
CIE-LCH	55.043, 72.468, 295.772
CIE-LUV	55.043, -11.4, -105.436
Hunter-Lab	47.929, 25.213, -77.875
Binary	01101011, 01110111, 11110110

#6b77f6
```
#6b77f6 rgb(107,119,246)
```
#f6ea6b
```
#f6ea6b rgb(246,234,107)
```

Complementary Color

#6bbdf6
```
#6bbdf6 rgb(107,189,246)
```
#6b77f6
```
#6b77f6 rgb(107,119,246)
```
#a56bf6
```
#a56bf6 rgb(165,107,246)
```

Analogous Color

#bdf66b
```
#bdf66b rgb(189,246,107)
```
#6b77f6
```
#6b77f6 rgb(107,119,246)
```
#f6a56b
```
#f6a56b rgb(246,165,107)
```

Split Complementary Color

#77f66b
```
#77f66b rgb(119,246,107)
```
#6b77f6
```
#6b77f6 rgb(107,119,246)
```
#f66b77
```
#f66b77 rgb(246,107,119)
```

Triadic Color

#6bf6ea
```
#6bf6ea rgb(107,246,234)
```
#6b77f6
```
#6b77f6 rgb(107,119,246)
```
#f66b77
```
#f66b77 rgb(246,107,119)
```
#f6ea6b
```
#f6ea6b rgb(246,234,107)
```

Tetradic Color

#2335f2
```
#2335f2 rgb(35,53,242)
```
#3b4bf3
```
#3b4bf3 rgb(59,75,243)
```
#5361f5
```
#5361f5 rgb(83,97,245)
```
#6b77f6
```
#6b77f6 rgb(107,119,246)
```
#838df7
```
#838df7 rgb(131,141,247)
```
#9ba3f9
```
#9ba3f9 rgb(155,163,249)
```
#b3b9fa
```
#b3b9fa rgb(179,185,250)
```

Monochromatic Color

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

#6b9af6
```
#6b9af6 rgb(107,154,246)
```
#6b8ef6
```
#6b8ef6 rgb(107,142,246)
```
#6b83f6
```
#6b83f6 rgb(107,131,246)
```
#6b77f6
```
#6b77f6 rgb(107,119,246)
```
#6b6bf6
```
#6b6bf6 rgb(107,107,246)
```
#766bf6
```
#766bf6 rgb(118,107,246)
```
#826bf6
```
#826bf6 rgb(130,107,246)
```

Similar Colors

Text with hexadecimal color #6b77f6

This text has a font color of #6b77f6.

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

#6b77f6 background color

This paragraph has a background color of #6b77f6.

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

#6b77f6 border color

This element has a border color of #6b77f6.

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

CSS codes

.text {color:#6b77f6;}

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

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

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

#010312
```
#010312 rgb(1,3,18)
```
#020525
```
#020525 rgb(2,5,37)
```
#030837
```
#030837 rgb(3,8,55)
```
#040a4a
```
#040a4a rgb(4,10,74)
```
#060d5c
```
#060d5c rgb(6,13,92)
```
#07106f
```
#07106f rgb(7,16,111)
```
#081281
```
#081281 rgb(8,18,129)
```
#091594
```
#091594 rgb(9,21,148)
```
#0a18a6
```
#0a18a6 rgb(10,24,166)
```
#0b1ab9
```
#0b1ab9 rgb(11,26,185)
```
#0c1dcb
```
#0c1dcb rgb(12,29,203)
```
#0d1fde
```
#0d1fde rgb(13,31,222)
```
#0f22f0
```
#0f22f0 rgb(15,34,240)
```

Shade Color Variation

#2133f2
```
#2133f2 rgb(33,51,242)
```
#3444f3
```
#3444f3 rgb(52,68,243)
```
#4655f4
```
#4655f4 rgb(70,85,244)
```
#5966f5
```
#5966f5 rgb(89,102,245)
```
#6b77f6
```
#6b77f6 rgb(107,119,246)
```
#7d88f7
```
#7d88f7 rgb(125,136,247)
```
#9099f8
```
#9099f8 rgb(144,153,248)
```
#a2aaf9
```
#a2aaf9 rgb(162,170,249)
```
#b5bbfa
```
#b5bbfa rgb(181,187,250)
```
#c7ccfc
```
#c7ccfc rgb(199,204,252)
```
#daddfd
```
#daddfd rgb(218,221,253)
```
#eceefe
```
#eceefe rgb(236,238,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#adaeb4
```
#adaeb4 rgb(173,174,180)
```
#a7a9ba
```
#a7a9ba rgb(167,169,186)
```
#a1a4c0
```
#a1a4c0 rgb(161,164,192)
```
#9b9fc6
```
#9b9fc6 rgb(155,159,198)
```
#959acc
```
#959acc rgb(149,154,204)
```
#8f95d2
```
#8f95d2 rgb(143,149,210)
```
#8990d8
```
#8990d8 rgb(137,144,216)
```
#838bde
```
#838bde rgb(131,139,222)
```
#7d86e4
```
#7d86e4 rgb(125,134,228)
```
#7781ea
```
#7781ea rgb(119,129,234)
```
#717cf0
```
#717cf0 rgb(113,124,240)
```
#6b77f6
```
#6b77f6 rgb(107,119,246)
```
#6572fc
```
#6572fc rgb(101,114,252)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7d8099 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3686fd Protanopia 1% of men
#008ce9 Deuteranopia 1% of men
#44959f Tritanopia 0.001% of the population

Trichromacy

#4980fa Protanomaly 1% of men, 0.01% of women
#2684ed Deuteranomaly 6% of men, 0.4% of women
#528abf Tritanomaly 0.01% of the population

#6b77f6 hex color

#6b77f6 Color Information

#6b77f6 Color Conversion

Color Schemes with #6b77f6

Alternatives to #6b77f6

#6b77f6 Preview

Shades and Tints of #6b77f6

Tones of #6b77f6

Color Blindness Simulator