#6881f0 hex color

In a RGB color space, hex #6881f0 is composed of 40.8% red, 50.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 46.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 229 degrees, a saturation of 81.9% and a lightness of 67.5%. #6881f0 color hex could be obtained by blending #d0ffff with #0003e1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 51
- B 94
RGB color chart
- C 57
- M 46
- Y 0
- K 6
CMYK color chart

● #6881f0 color description : Soft blue.

The hexadecimal color #6881f0 has RGB values of R:104, G:129, B:240 and CMYK values of C:0.57, M:0.46, Y:0, K:0.06. Its decimal value is 6849008.

Hex triplet	6881f0	`#6881f0`
RGB Decimal	104, 129, 240	`rgb(104,129,240)`
RGB Percent	40.8, 50.6, 94.1	`rgb(40.8%,50.6%,94.1%)`
CMYK	57, 46, 0, 6
HSL	229°, 81.9, 67.5	`hsl(229,81.9%,67.5%)`
HSV (or HSB)	229°, 56.7, 94.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.011, 23.002, -58.781
XYZ	29.284, 24.933, 85.703
xyY	0.209, 0.178, 24.933
CIE-LCH	57.011, 63.121, 291.371
CIE-LUV	57.011, -15.168, -95.264
Hunter-Lab	49.933, 17.3, -66.809
Binary	01101000, 10000001, 11110000

#6881f0
```
#6881f0 rgb(104,129,240)
```
#f0d768
```
#f0d768 rgb(240,215,104)
```

Complementary Color

#68c5f0
```
#68c5f0 rgb(104,197,240)
```
#6881f0
```
#6881f0 rgb(104,129,240)
```
#9368f0
```
#9368f0 rgb(147,104,240)
```

Analogous Color

#c5f068
```
#c5f068 rgb(197,240,104)
```
#6881f0
```
#6881f0 rgb(104,129,240)
```
#f09368
```
#f09368 rgb(240,147,104)
```

Split Complementary Color

#81f068
```
#81f068 rgb(129,240,104)
```
#6881f0
```
#6881f0 rgb(104,129,240)
```
#f06881
```
#f06881 rgb(240,104,129)
```

Triadic Color

#68f0d7
```
#68f0d7 rgb(104,240,215)
```
#6881f0
```
#6881f0 rgb(104,129,240)
```
#f06881
```
#f06881 rgb(240,104,129)
```
#f0d768
```
#f0d768 rgb(240,215,104)
```

Tetradic Color

#2247e9
```
#2247e9 rgb(34,71,233)
```
#3a5aeb
```
#3a5aeb rgb(58,90,235)
```
#516eee
```
#516eee rgb(81,110,238)
```
#6881f0
```
#6881f0 rgb(104,129,240)
```
#7f94f2
```
#7f94f2 rgb(127,148,242)
```
#96a8f5
```
#96a8f5 rgb(150,168,245)
```
#aebbf7
```
#aebbf7 rgb(174,187,247)
```

Monochromatic Color

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

#68a3f0
```
#68a3f0 rgb(104,163,240)
```
#6898f0
```
#6898f0 rgb(104,152,240)
```
#688cf0
```
#688cf0 rgb(104,140,240)
```
#6881f0
```
#6881f0 rgb(104,129,240)
```
#6876f0
```
#6876f0 rgb(104,118,240)
```
#686af0
```
#686af0 rgb(104,106,240)
```
#7168f0
```
#7168f0 rgb(113,104,240)
```

Similar Colors

Text with hexadecimal color #6881f0

This text has a font color of #6881f0.

<span style="color:#6881f0;">Text here</span>

#6881f0 background color

This paragraph has a background color of #6881f0.

<p style="background-color:#6881f0;">Content here</p>

#6881f0 border color

This element has a border color of #6881f0.

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

CSS codes

.text {color:#6881f0;}

.background {background-color:#6881f0;}

.border {border:1px solid #6881f0;}

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

#01030a
```
#01030a rgb(1,3,10)
```
#03071b
```
#03071b rgb(3,7,27)
```
#040c2d
```
#040c2d rgb(4,12,45)
```
#06113f
```
#06113f rgb(6,17,63)
```
#081551
```
#081551 rgb(8,21,81)
```
#0a1a63
```
#0a1a63 rgb(10,26,99)
```
#0c1f75
```
#0c1f75 rgb(12,31,117)
```
#0d2486
```
#0d2486 rgb(13,36,134)
```
#0f2898
```
#0f2898 rgb(15,40,152)
```
#112daa
```
#112daa rgb(17,45,170)
```
#1332bc
```
#1332bc rgb(19,50,188)
```
#1437ce
```
#1437ce rgb(20,55,206)
```
#163be0
```
#163be0 rgb(22,59,224)
```

Shade Color Variation

#2145e9
```
#2145e9 rgb(33,69,233)
```
#3254eb
```
#3254eb rgb(50,84,235)
```
#4463ec
```
#4463ec rgb(68,99,236)
```
#5672ee
```
#5672ee rgb(86,114,238)
```
#6881f0
```
#6881f0 rgb(104,129,240)
```
#7a90f2
```
#7a90f2 rgb(122,144,242)
```
#8c9ff4
```
#8c9ff4 rgb(140,159,244)
```
#9eaef5
```
#9eaef5 rgb(158,174,245)
```
#afbdf7
```
#afbdf7 rgb(175,189,247)
```
#c1cbf9
```
#c1cbf9 rgb(193,203,249)
```
#d3dafb
```
#d3dafb rgb(211,218,251)
```
#e5e9fc
```
#e5e9fc rgb(229,233,252)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#a8a9b0
```
#a8a9b0 rgb(168,169,176)
```
#a1a5b7
```
#a1a5b7 rgb(161,165,183)
```
#9ba1bd
```
#9ba1bd rgb(155,161,189)
```
#959dc3
```
#959dc3 rgb(149,157,195)
```
#8e99ca
```
#8e99ca rgb(142,153,202)
```
#8895d0
```
#8895d0 rgb(136,149,208)
```
#8291d6
```
#8291d6 rgb(130,145,214)
```
#7b8ddd
```
#7b8ddd rgb(123,141,221)
```
#7589e3
```
#7589e3 rgb(117,137,227)
```
#6e85ea
```
#6e85ea rgb(110,133,234)
```
#6881f0
```
#6881f0 rgb(104,129,240)
```
#627df6
```
#627df6 rgb(98,125,246)
```
#5b79fd
```
#5b79fd rgb(91,121,253)
```

Tone Color Variation

Below, you can see how #6881f0 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

#868686 Achromatopsia 0.005% of the population
#80859b Atypical Achromatopsia 0.001% of the population

Dichromacy

#568bf4 Protanopia 1% of men
#3590ec Deuteranopia 1% of men
#479aa5 Tritanopia 0.001% of the population

Trichromacy

#5d87f2 Protanomaly 1% of men, 0.01% of women
#478bee Deuteranomaly 6% of men, 0.4% of women
#5391c0 Tritanomaly 0.01% of the population

#6881f0 hex color

#6881f0 Color Information

#6881f0 Color Conversion

Color Schemes with #6881f0

Alternatives to #6881f0

#6881f0 Preview

Shades and Tints of #6881f0

Tones of #6881f0

Color Blindness Simulator