#6872ff hex color

In a RGB color space, hex #6872ff is composed of 40.8% red, 44.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 55.3% magenta, 0% yellow and 0% black. It has a hue angle of 236 degrees, a saturation of 100% and a lightness of 70.4%. #6872ff color hex could be obtained by blending #d0e4ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 45
- B 100
RGB color chart
- C 59
- M 55
- Y 0
- K 0
CMYK color chart

● #6872ff color description : Very light blue.

The hexadecimal color #6872ff has RGB values of R:104, G:114, B:255 and CMYK values of C:0.59, M:0.55, Y:0, K:0. Its decimal value is 6845183.

Hex triplet	6872ff	`#6872ff`
RGB Decimal	104, 114, 255	`rgb(104,114,255)`
RGB Percent	40.8, 44.7, 100	`rgb(40.8%,44.7%,100%)`
CMYK	59, 55, 0, 0
HSL	236°, 100, 70.4	`hsl(236,100%,70.4%)`
HSV (or HSB)	236°, 59.2, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.235, 36.834, -71.558
XYZ	29.773, 22.196, 97.318
xyY	0.199, 0.149, 22.196
CIE-LCH	54.235, 80.482, 297.237
CIE-LUV	54.235, -11.232, -115.061
Hunter-Lab	47.113, 30.354, -89.492
Binary	01101000, 01110010, 11111111

#6872ff
```
#6872ff rgb(104,114,255)
```
#fff568
```
#fff568 rgb(255,245,104)
```

Complementary Color

#68beff
```
#68beff rgb(104,190,255)
```
#6872ff
```
#6872ff rgb(104,114,255)
```
#aa68ff
```
#aa68ff rgb(170,104,255)
```

Analogous Color

#beff68
```
#beff68 rgb(190,255,104)
```
#6872ff
```
#6872ff rgb(104,114,255)
```
#ffaa68
```
#ffaa68 rgb(255,170,104)
```

Split Complementary Color

#72ff68
```
#72ff68 rgb(114,255,104)
```
#6872ff
```
#6872ff rgb(104,114,255)
```
#ff6872
```
#ff6872 rgb(255,104,114)
```

Triadic Color

#68fff5
```
#68fff5 rgb(104,255,245)
```
#6872ff
```
#6872ff rgb(104,114,255)
```
#ff6872
```
#ff6872 rgb(255,104,114)
```
#fff568
```
#fff568 rgb(255,245,104)
```

Tetradic Color

#1c2bff
```
#1c2bff rgb(28,43,255)
```
#3542ff
```
#3542ff rgb(53,66,255)
```
#4f5aff
```
#4f5aff rgb(79,90,255)
```
#6872ff
```
#6872ff rgb(104,114,255)
```
#828aff
```
#828aff rgb(130,138,255)
```
#9ba2ff
```
#9ba2ff rgb(155,162,255)
```
#b5b9ff
```
#b5b9ff rgb(181,185,255)
```

Monochromatic Color

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

#6898ff
```
#6898ff rgb(104,152,255)
```
#688bff
```
#688bff rgb(104,139,255)
```
#687fff
```
#687fff rgb(104,127,255)
```
#6872ff
```
#6872ff rgb(104,114,255)
```
#6b68ff
```
#6b68ff rgb(107,104,255)
```
#7768ff
```
#7768ff rgb(119,104,255)
```
#8468ff
```
#8468ff rgb(132,104,255)
```

Similar Colors

Text with hexadecimal color #6872ff

This text has a font color of #6872ff.

<span style="color:#6872ff;">Text here</span>

#6872ff background color

This paragraph has a background color of #6872ff.

<p style="background-color:#6872ff;">Content here</p>

#6872ff border color

This element has a border color of #6872ff.

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

CSS codes

.text {color:#6872ff;}

.background {background-color:#6872ff;}

.border {border:1px solid #6872ff;}

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

#000006
```
#000006 rgb(0,0,6)
```
#00021a
```
#00021a rgb(0,2,26)
```
#00032d
```
#00032d rgb(0,3,45)
```
#000441
```
#000441 rgb(0,4,65)
```
#000654
```
#000654 rgb(0,6,84)
```
#000768
```
#000768 rgb(0,7,104)
```
#00087c
```
#00087c rgb(0,8,124)
```
#00098f
```
#00098f rgb(0,9,143)
```
#000ba3
```
#000ba3 rgb(0,11,163)
```
#000cb6
```
#000cb6 rgb(0,12,182)
```
#000dca
```
#000dca rgb(0,13,202)
```
#000fde
```
#000fde rgb(0,15,222)
```
#0010f1
```
#0010f1 rgb(0,16,241)
```

Shade Color Variation

#0616ff
```
#0616ff rgb(6,22,255)
```
#1a29ff
```
#1a29ff rgb(26,41,255)
```
#2d3bff
```
#2d3bff rgb(45,59,255)
```
#414dff
```
#414dff rgb(65,77,255)
```
#5460ff
```
#5460ff rgb(84,96,255)
```
#6872ff
```
#6872ff rgb(104,114,255)
```
#7c84ff
```
#7c84ff rgb(124,132,255)
```
#8f97ff
```
#8f97ff rgb(143,151,255)
```
#a3a9ff
```
#a3a9ff rgb(163,169,255)
```
#b6bbff
```
#b6bbff rgb(182,187,255)
```
#caceff
```
#caceff rgb(202,206,255)
```
#dee0ff
```
#dee0ff rgb(222,224,255)
```
#f1f2ff
```
#f1f2ff rgb(241,242,255)
```

Tint Color Variation

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

#aeaeb9
```
#aeaeb9 rgb(174,174,185)
```
#a8a9bf
```
#a8a9bf rgb(168,169,191)
```
#a2a4c5
```
#a2a4c5 rgb(162,164,197)
```
#9c9fcb
```
#9c9fcb rgb(156,159,203)
```
#969ad1
```
#969ad1 rgb(150,154,209)
```
#9195d6
```
#9195d6 rgb(145,149,214)
```
#8b90dc
```
#8b90dc rgb(139,144,220)
```
#858be2
```
#858be2 rgb(133,139,226)
```
#7f86e8
```
#7f86e8 rgb(127,134,232)
```
#7981ee
```
#7981ee rgb(121,129,238)
```
#747cf3
```
#747cf3 rgb(116,124,243)
```
#6e77f9
```
#6e77f9 rgb(110,119,249)
```
#6872ff
```
#6872ff rgb(104,114,255)
```

Tone Color Variation

Below, you can see how #6872ff 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

#7f7f7f Achromatopsia 0.005% of the population
#7a7c99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2584ff Protanopia 1% of men
#008be4 Deuteranopia 1% of men
#31949f Tritanopia 0.001% of the population

Trichromacy

#3d7dff Protanomaly 1% of men, 0.01% of women
#2581ed Deuteranomaly 6% of men, 0.4% of women
#4587c1 Tritanomaly 0.01% of the population

#6872ff hex color

#6872ff Color Information

#6872ff Color Conversion

Color Schemes with #6872ff

Alternatives to #6872ff

#6872ff Preview

Shades and Tints of #6872ff

Tones of #6872ff

Color Blindness Simulator