#6f8ff2 hex color

In a RGB color space, hex #6f8ff2 is composed of 43.5% red, 56.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 40.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 225.3 degrees, a saturation of 83.4% and a lightness of 69.2%. #6f8ff2 color hex could be obtained by blending #deffff with #001fe5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 56
- B 95
RGB color chart
- C 54
- M 41
- Y 0
- K 5
CMYK color chart

● #6f8ff2 color description : Soft blue.

The hexadecimal color #6f8ff2 has RGB values of R:111, G:143, B:242 and CMYK values of C:0.54, M:0.41, Y:0, K:0.05. Its decimal value is 7311346.

Hex triplet	6f8ff2	`#6f8ff2`
RGB Decimal	111, 143, 242	`rgb(111,143,242)`
RGB Percent	43.5, 56.1, 94.9	`rgb(43.5%,56.1%,94.9%)`
CMYK	54, 41, 0, 5
HSL	225.3°, 83.4, 69.2	`hsl(225.3,83.4%,69.2%)`
HSV (or HSB)	225.3°, 54.1, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.162, 16.688, -53.239
XYZ	32.402, 29.434, 87.973
xyY	0.216, 0.196, 29.434
CIE-LCH	61.162, 55.793, 287.404
CIE-LUV	61.162, -17.636, -86.91
Hunter-Lab	54.253, 11.664, -58.164
Binary	01101111, 10001111, 11110010

#6f8ff2
```
#6f8ff2 rgb(111,143,242)
```
#f2d26f
```
#f2d26f rgb(242,210,111)
```

Complementary Color

#6fd1f2
```
#6fd1f2 rgb(111,209,242)
```
#6f8ff2
```
#6f8ff2 rgb(111,143,242)
```
#916ff2
```
#916ff2 rgb(145,111,242)
```

Analogous Color

#d1f26f
```
#d1f26f rgb(209,242,111)
```
#6f8ff2
```
#6f8ff2 rgb(111,143,242)
```
#f2916f
```
#f2916f rgb(242,145,111)
```

Split Complementary Color

#8ff26f
```
#8ff26f rgb(143,242,111)
```
#6f8ff2
```
#6f8ff2 rgb(111,143,242)
```
#f26f8f
```
#f26f8f rgb(242,111,143)
```

Triadic Color

#6ff2d2
```
#6ff2d2 rgb(111,242,210)
```
#6f8ff2
```
#6f8ff2 rgb(111,143,242)
```
#f26f8f
```
#f26f8f rgb(242,111,143)
```
#f2d26f
```
#f2d26f rgb(242,210,111)
```

Tetradic Color

#2958ec
```
#2958ec rgb(41,88,236)
```
#406bee
```
#406bee rgb(64,107,238)
```
#587df0
```
#587df0 rgb(88,125,240)
```
#6f8ff2
```
#6f8ff2 rgb(111,143,242)
```
#86a1f4
```
#86a1f4 rgb(134,161,244)
```
#9eb3f6
```
#9eb3f6 rgb(158,179,246)
```
#b5c6f8
```
#b5c6f8 rgb(181,198,248)
```

Monochromatic Color

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

#6fb0f2
```
#6fb0f2 rgb(111,176,242)
```
#6fa5f2
```
#6fa5f2 rgb(111,165,242)
```
#6f9af2
```
#6f9af2 rgb(111,154,242)
```
#6f8ff2
```
#6f8ff2 rgb(111,143,242)
```
#6f84f2
```
#6f84f2 rgb(111,132,242)
```
#6f79f2
```
#6f79f2 rgb(111,121,242)
```
#706ff2
```
#706ff2 rgb(112,111,242)
```

Similar Colors

Text with hexadecimal color #6f8ff2

This text has a font color of #6f8ff2.

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

#6f8ff2 background color

This paragraph has a background color of #6f8ff2.

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

#6f8ff2 border color

This element has a border color of #6f8ff2.

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

CSS codes

.text {color:#6f8ff2;}

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

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

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

#020612
```
#020612 rgb(2,6,18)
```
#030b24
```
#030b24 rgb(3,11,36)
```
#051136
```
#051136 rgb(5,17,54)
```
#061648
```
#061648 rgb(6,22,72)
```
#081c5a
```
#081c5a rgb(8,28,90)
```
#0a226c
```
#0a226c rgb(10,34,108)
```
#0b277e
```
#0b277e rgb(11,39,126)
```
#0d2d90
```
#0d2d90 rgb(13,45,144)
```
#0f33a2
```
#0f33a2 rgb(15,51,162)
```
#1038b4
```
#1038b4 rgb(16,56,180)
```
#123ec6
```
#123ec6 rgb(18,62,198)
```
#1343d8
```
#1343d8 rgb(19,67,216)
```
#1549ea
```
#1549ea rgb(21,73,234)
```

Shade Color Variation

#2757ec
```
#2757ec rgb(39,87,236)
```
#3965ed
```
#3965ed rgb(57,101,237)
```
#4b73ef
```
#4b73ef rgb(75,115,239)
```
#5d81f0
```
#5d81f0 rgb(93,129,240)
```
#6f8ff2
```
#6f8ff2 rgb(111,143,242)
```
#819df4
```
#819df4 rgb(129,157,244)
```
#93abf5
```
#93abf5 rgb(147,171,245)
```
#a5b9f7
```
#a5b9f7 rgb(165,185,247)
```
#b7c7f8
```
#b7c7f8 rgb(183,199,248)
```
#c9d5fa
```
#c9d5fa rgb(201,213,250)
```
#dbe3fc
```
#dbe3fc rgb(219,227,252)
```
#edf1fd
```
#edf1fd rgb(237,241,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#abaeb6
```
#abaeb6 rgb(171,174,182)
```
#a5abbc
```
#a5abbc rgb(165,171,188)
```
#9fa8c2
```
#9fa8c2 rgb(159,168,194)
```
#99a5c8
```
#99a5c8 rgb(153,165,200)
```
#93a2ce
```
#93a2ce rgb(147,162,206)
```
#8d9ed4
```
#8d9ed4 rgb(141,158,212)
```
#879bda
```
#879bda rgb(135,155,218)
```
#8198e0
```
#8198e0 rgb(129,152,224)
```
#7b95e6
```
#7b95e6 rgb(123,149,230)
```
#7592ec
```
#7592ec rgb(117,146,236)
```
#6f8ff2
```
#6f8ff2 rgb(111,143,242)
```
#698cf8
```
#698cf8 rgb(105,140,248)
```
#6389fe
```
#6389fe rgb(99,137,254)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#8a91a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e96f3 Protanopia 1% of men
#5b9af0 Deuteranopia 1% of men
#56a4b0 Tritanopia 0.001% of the population

Trichromacy

#6e93f3 Protanomaly 1% of men, 0.01% of women
#6296f1 Deuteranomaly 6% of men, 0.4% of women
#5f9cc8 Tritanomaly 0.01% of the population

#6f8ff2 hex color

#6f8ff2 Color Information

#6f8ff2 Color Conversion

Color Schemes with #6f8ff2

Alternatives to #6f8ff2

#6f8ff2 Preview

Shades and Tints of #6f8ff2

Tones of #6f8ff2

Color Blindness Simulator