#6f8af2 hex color

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

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

● #6f8af2 color description : Soft blue.

The hexadecimal color #6f8af2 has RGB values of R:111, G:138, B:242 and CMYK values of C:0.54, M:0.43, Y:0, K:0.05. Its decimal value is 7310066.

Hex triplet	6f8af2	`#6f8af2`
RGB Decimal	111, 138, 242	`rgb(111,138,242)`
RGB Percent	43.5, 54.1, 94.9	`rgb(43.5%,54.1%,94.9%)`
CMYK	54, 43, 0, 5
HSL	227.6°, 83.4, 69.2	`hsl(227.6,83.4%,69.2%)`
HSV (or HSB)	227.6°, 54.1, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.858, 19.654, -55.315
XYZ	31.668, 27.966, 87.729
xyY	0.215, 0.19, 27.966
CIE-LCH	59.858, 58.703, 289.56
CIE-LUV	59.858, -15.963, -90.261
Hunter-Lab	52.883, 14.346, -61.34
Binary	01101111, 10001010, 11110010

#6f8af2
```
#6f8af2 rgb(111,138,242)
```
#f2d76f
```
#f2d76f rgb(242,215,111)
```

Complementary Color

#6fccf2
```
#6fccf2 rgb(111,204,242)
```
#6f8af2
```
#6f8af2 rgb(111,138,242)
```
#966ff2
```
#966ff2 rgb(150,111,242)
```

Analogous Color

#ccf26f
```
#ccf26f rgb(204,242,111)
```
#6f8af2
```
#6f8af2 rgb(111,138,242)
```
#f2966f
```
#f2966f rgb(242,150,111)
```

Split Complementary Color

#8af26f
```
#8af26f rgb(138,242,111)
```
#6f8af2
```
#6f8af2 rgb(111,138,242)
```
#f26f8a
```
#f26f8a rgb(242,111,138)
```

Triadic Color

#6ff2d7
```
#6ff2d7 rgb(111,242,215)
```
#6f8af2
```
#6f8af2 rgb(111,138,242)
```
#f26f8a
```
#f26f8a rgb(242,111,138)
```
#f2d76f
```
#f2d76f rgb(242,215,111)
```

Tetradic Color

#2951ec
```
#2951ec rgb(41,81,236)
```
#4064ee
```
#4064ee rgb(64,100,238)
```
#5877f0
```
#5877f0 rgb(88,119,240)
```
#6f8af2
```
#6f8af2 rgb(111,138,242)
```
#869df4
```
#869df4 rgb(134,157,244)
```
#9eb0f6
```
#9eb0f6 rgb(158,176,246)
```
#b5c3f8
```
#b5c3f8 rgb(181,195,248)
```

Monochromatic Color

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

#6fabf2
```
#6fabf2 rgb(111,171,242)
```
#6fa0f2
```
#6fa0f2 rgb(111,160,242)
```
#6f95f2
```
#6f95f2 rgb(111,149,242)
```
#6f8af2
```
#6f8af2 rgb(111,138,242)
```
#6f7ff2
```
#6f7ff2 rgb(111,127,242)
```
#6f74f2
```
#6f74f2 rgb(111,116,242)
```
#756ff2
```
#756ff2 rgb(117,111,242)
```

Similar Colors

Text with hexadecimal color #6f8af2

This text has a font color of #6f8af2.

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

#6f8af2 background color

This paragraph has a background color of #6f8af2.

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

#6f8af2 border color

This element has a border color of #6f8af2.

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

CSS codes

.text {color:#6f8af2;}

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

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

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

#020512
```
#020512 rgb(2,5,18)
```
#030a24
```
#030a24 rgb(3,10,36)
```
#050f36
```
#050f36 rgb(5,15,54)
```
#061448
```
#061448 rgb(6,20,72)
```
#08195a
```
#08195a rgb(8,25,90)
```
#0a1e6c
```
#0a1e6c rgb(10,30,108)
```
#0b237e
```
#0b237e rgb(11,35,126)
```
#0d2890
```
#0d2890 rgb(13,40,144)
```
#0f2da2
```
#0f2da2 rgb(15,45,162)
```
#1032b4
```
#1032b4 rgb(16,50,180)
```
#1237c6
```
#1237c6 rgb(18,55,198)
```
#133cd8
```
#133cd8 rgb(19,60,216)
```
#1541ea
```
#1541ea rgb(21,65,234)
```

Shade Color Variation

#2750ec
```
#2750ec rgb(39,80,236)
```
#395eed
```
#395eed rgb(57,94,237)
```
#4b6def
```
#4b6def rgb(75,109,239)
```
#5d7bf0
```
#5d7bf0 rgb(93,123,240)
```
#6f8af2
```
#6f8af2 rgb(111,138,242)
```
#8199f4
```
#8199f4 rgb(129,153,244)
```
#93a7f5
```
#93a7f5 rgb(147,167,245)
```
#a5b6f7
```
#a5b6f7 rgb(165,182,247)
```
#b7c4f8
```
#b7c4f8 rgb(183,196,248)
```
#c9d3fa
```
#c9d3fa rgb(201,211,250)
```
#dbe2fc
```
#dbe2fc rgb(219,226,252)
```
#edf0fd
```
#edf0fd rgb(237,240,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#abadb6
```
#abadb6 rgb(171,173,182)
```
#a5aabc
```
#a5aabc rgb(165,170,188)
```
#9fa6c2
```
#9fa6c2 rgb(159,166,194)
```
#99a3c8
```
#99a3c8 rgb(153,163,200)
```
#939fce
```
#939fce rgb(147,159,206)
```
#8d9cd4
```
#8d9cd4 rgb(141,156,212)
```
#8798da
```
#8798da rgb(135,152,218)
```
#8195e0
```
#8195e0 rgb(129,149,224)
```
#7b91e6
```
#7b91e6 rgb(123,145,230)
```
#758eec
```
#758eec rgb(117,142,236)
```
#6f8af2
```
#6f8af2 rgb(111,138,242)
```
#6986f8
```
#6986f8 rgb(105,134,248)
```
#6383fe
```
#6383fe rgb(99,131,254)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#888da2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6692f4 Protanopia 1% of men
#5197ef Deuteranopia 1% of men
#55a0ac Tritanopia 0.001% of the population

Trichromacy

#698ff3 Protanomaly 1% of men, 0.01% of women
#5b92f0 Deuteranomaly 6% of men, 0.4% of women
#5e98c5 Tritanomaly 0.01% of the population

#6f8af2 hex color

#6f8af2 Color Information

#6f8af2 Color Conversion

Color Schemes with #6f8af2

Alternatives to #6f8af2

#6f8af2 Preview

Shades and Tints of #6f8af2

Tones of #6f8af2

Color Blindness Simulator