#6877f0 Color Information
In a RGB color space, hex #6877f0 is composed of 40.8% red, 46.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 50.4% magenta, 0% yellow and 5.9% black. It has a hue angle of 233.4 degrees, a saturation of 81.9% and a lightness of 67.5%. #6877f0 color hex could be obtained by blending #d0eeff with #0000e1. Closest websafe color is: #6666ff.
-
- R 41
- G 47
- B 94
-
- C 57
- M 50
- Y 0
- K 6
● #6877f0 color description : Soft blue.
#6877f0 Color Conversion
The hexadecimal color #6877f0 has RGB values of R:104, G:119, B:240 and CMYK values of C:0.57, M:0.5, Y:0, K:0.06. Its decimal value is 6846448.
Hex triplet | 6877f0 | #6877f0 |
---|---|---|
RGB Decimal | 104, 119, 240 | rgb(104,119,240) |
RGB Percent | 40.8, 46.7, 94.1 | rgb(40.8%,46.7%,94.1%) |
CMYK | 57, 50, 0, 6 | |
HSL | 233.4°, 81.9, 67.5 | hsl(233.4,81.9%,67.5%) |
HSV (or HSB) | 233.4°, 56.7, 94.1 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 54.477, 29.035, -62.849 |
---|---|
XYZ | 28.031, 22.427, 85.285 |
xyY | 0.206, 0.165, 22.427 |
CIE-LCH | 54.477, 69.231, 294.796 |
CIE-LUV | 54.477, -12.096, -101.228 |
Hunter-Lab | 47.357, 22.78, -73.626 |
Binary | 01101000, 01110111, 11110000 |
Color Schemes with #6877f0
Alternatives to #6877f0
Below, you can see some colors close to #6877f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6877f0 Preview
This text has a font color of #6877f0.
<span style="color:#6877f0;">Text here</span>
This paragraph has a background color of #6877f0.
<p style="background-color:#6877f0;">Content here</p>
This element has a border color of #6877f0.
<div style="border:1px solid #6877f0;">Content here</div>
.text {color:#6877f0;}
.background {background-color:#6877f0;}
.border {border:1px solid #6877f0;}
Shades and Tints of #6877f0
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, #01020a is the darkest color, while #f7f8fe is the lightest one.
-
#01020a
#01020a
rgb(1,2,10)
-
#03051b
#03051b
rgb(3,5,27)
-
#04092d
#04092d
rgb(4,9,45)
-
#060d3f
#060d3f
rgb(6,13,63)
-
#081051
#081051
rgb(8,16,81)
-
#0a1463
#0a1463
rgb(10,20,99)
-
#0c1775
#0c1775
rgb(12,23,117)
-
#0d1b86
#0d1b86
rgb(13,27,134)
-
#0f1e98
#0f1e98
rgb(15,30,152)
-
#1122aa
#1122aa
rgb(17,34,170)
-
#1325bc
#1325bc
rgb(19,37,188)
-
#1429ce
#1429ce
rgb(20,41,206)
-
#162ce0
#162ce0
rgb(22,44,224)
-
#2137e9
#2137e9
rgb(33,55,233)
-
#3247eb
#3247eb
rgb(50,71,235)
-
#4457ec
#4457ec
rgb(68,87,236)
-
#5667ee
#5667ee
rgb(86,103,238)
-
#6877f0
#6877f0
rgb(104,119,240)
-
#7a87f2
#7a87f2
rgb(122,135,242)
-
#8c97f4
#8c97f4
rgb(140,151,244)
-
#9ea7f5
#9ea7f5
rgb(158,167,245)
-
#afb7f7
#afb7f7
rgb(175,183,247)
-
#c1c7f9
#c1c7f9
rgb(193,199,249)
-
#d3d7fb
#d3d7fb
rgb(211,215,251)
-
#e5e7fc
#e5e7fc
rgb(229,231,252)
-
#f7f8fe
#f7f8fe
rgb(247,248,254)
Tones of #6877f0
A tone is produced by adding gray to any pure hue. In this case, #a8a9b0 is the less saturated color, while #5b6dfd is the most saturated one.
-
#a8a9b0
#a8a9b0
rgb(168,169,176)
-
#a1a4b7
#a1a4b7
rgb(161,164,183)
-
#9b9fbd
#9b9fbd
rgb(155,159,189)
-
#959ac3
#959ac3
rgb(149,154,195)
-
#8e95ca
#8e95ca
rgb(142,149,202)
-
#8890d0
#8890d0
rgb(136,144,208)
-
#828bd6
#828bd6
rgb(130,139,214)
-
#7b86dd
#7b86dd
rgb(123,134,221)
-
#7581e3
#7581e3
rgb(117,129,227)
-
#6e7cea
#6e7cea
rgb(110,124,234)
-
#6877f0
#6877f0
rgb(104,119,240)
-
#6272f6
#6272f6
rgb(98,114,246)
-
#5b6dfd
#5b6dfd
rgb(91,109,253)
Color Blindness Simulator
Below, you can see how #6877f0 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.