#6f8af5 hex color

In a RGB color space, hex #6f8af5 is composed of 43.5% red, 54.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 43.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 227.9 degrees, a saturation of 87% and a lightness of 69.8%. #6f8af5 color hex could be obtained by blending #deffff with #0015eb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 54
- B 96
RGB color chart
- C 55
- M 44
- Y 0
- K 4
CMYK color chart

● #6f8af5 color description : Soft blue.

The hexadecimal color #6f8af5 has RGB values of R:111, G:138, B:245 and CMYK values of C:0.55, M:0.44, Y:0, K:0.04. Its decimal value is 7310069.

Hex triplet	6f8af5	`#6f8af5`
RGB Decimal	111, 138, 245	`rgb(111,138,245)`
RGB Percent	43.5, 54.1, 96.1	`rgb(43.5%,54.1%,96.1%)`
CMYK	55, 44, 0, 4
HSL	227.9°, 87, 69.8	`hsl(227.9,87%,69.8%)`
HSV (or HSB)	227.9°, 54.7, 96.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.022, 20.597, -56.709
XYZ	32.122, 28.148, 90.122
xyY	0.214, 0.187, 28.148
CIE-LCH	60.022, 60.334, 289.961
CIE-LUV	60.022, -16.028, -92.677
Hunter-Lab	53.054, 15.229, -63.576
Binary	01101111, 10001010, 11110101

#6f8af5
```
#6f8af5 rgb(111,138,245)
```
#f5da6f
```
#f5da6f rgb(245,218,111)
```

Complementary Color

#6fcdf5
```
#6fcdf5 rgb(111,205,245)
```
#6f8af5
```
#6f8af5 rgb(111,138,245)
```
#976ff5
```
#976ff5 rgb(151,111,245)
```

Analogous Color

#cdf56f
```
#cdf56f rgb(205,245,111)
```
#6f8af5
```
#6f8af5 rgb(111,138,245)
```
#f5976f
```
#f5976f rgb(245,151,111)
```

Split Complementary Color

#8af56f
```
#8af56f rgb(138,245,111)
```
#6f8af5
```
#6f8af5 rgb(111,138,245)
```
#f56f8a
```
#f56f8a rgb(245,111,138)
```

Triadic Color

#6ff5da
```
#6ff5da rgb(111,245,218)
```
#6f8af5
```
#6f8af5 rgb(111,138,245)
```
#f56f8a
```
#f56f8a rgb(245,111,138)
```
#f5da6f
```
#f5da6f rgb(245,218,111)
```

Tetradic Color

#2750f0
```
#2750f0 rgb(39,80,240)
```
#3f63f2
```
#3f63f2 rgb(63,99,242)
```
#5777f3
```
#5777f3 rgb(87,119,243)
```
#6f8af5
```
#6f8af5 rgb(111,138,245)
```
#879df7
```
#879df7 rgb(135,157,247)
```
#9fb1f8
```
#9fb1f8 rgb(159,177,248)
```
#b7c4fa
```
#b7c4fa rgb(183,196,250)
```

Monochromatic Color

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

#6facf5
```
#6facf5 rgb(111,172,245)
```
#6fa0f5
```
#6fa0f5 rgb(111,160,245)
```
#6f95f5
```
#6f95f5 rgb(111,149,245)
```
#6f8af5
```
#6f8af5 rgb(111,138,245)
```
#6f7ff5
```
#6f7ff5 rgb(111,127,245)
```
#6f74f5
```
#6f74f5 rgb(111,116,245)
```
#766ff5
```
#766ff5 rgb(118,111,245)
```

Similar Colors

Text with hexadecimal color #6f8af5

This text has a font color of #6f8af5.

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

#6f8af5 background color

This paragraph has a background color of #6f8af5.

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

#6f8af5 border color

This element has a border color of #6f8af5.

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

CSS codes

.text {color:#6f8af5;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010515
```
#010515 rgb(1,5,21)
```
#030a27
```
#030a27 rgb(3,10,39)
```
#040f3a
```
#040f3a rgb(4,15,58)
```
#05144c
```
#05144c rgb(5,20,76)
```
#07185e
```
#07185e rgb(7,24,94)
```
#081d71
```
#081d71 rgb(8,29,113)
```
#092283
```
#092283 rgb(9,34,131)
```
#0a2695
```
#0a2695 rgb(10,38,149)
```
#0c2ba8
```
#0c2ba8 rgb(12,43,168)
```
#0d30ba
```
#0d30ba rgb(13,48,186)
```
#0e35cc
```
#0e35cc rgb(14,53,204)
```
#0f39df
```
#0f39df rgb(15,57,223)
```

Shade Color Variation

#133fef
```
#133fef rgb(19,63,239)
```
#264ef0
```
#264ef0 rgb(38,78,240)
```
#385df1
```
#385df1 rgb(56,93,241)
```
#4a6cf2
```
#4a6cf2 rgb(74,108,242)
```
#5d7bf4
```
#5d7bf4 rgb(93,123,244)
```
#6f8af5
```
#6f8af5 rgb(111,138,245)
```
#8199f6
```
#8199f6 rgb(129,153,246)
```
#94a8f8
```
#94a8f8 rgb(148,168,248)
```
#a6b7f9
```
#a6b7f9 rgb(166,183,249)
```
#b8c6fa
```
#b8c6fa rgb(184,198,250)
```
#cbd5fb
```
#cbd5fb rgb(203,213,251)
```
#dde3fd
```
#dde3fd rgb(221,227,253)
```
#eff2fe
```
#eff2fe rgb(239,242,254)
```

Tint Color Variation

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

#b0b1b4
```
#b0b1b4 rgb(176,177,180)
```
#aaadba
```
#aaadba rgb(170,173,186)
```
#a4aac0
```
#a4aac0 rgb(164,170,192)
```
#9ea6c6
```
#9ea6c6 rgb(158,166,198)
```
#98a3cc
```
#98a3cc rgb(152,163,204)
```
#939fd1
```
#939fd1 rgb(147,159,209)
```
#8d9cd7
```
#8d9cd7 rgb(141,156,215)
```
#8798dd
```
#8798dd rgb(135,152,221)
```
#8195e3
```
#8195e3 rgb(129,149,227)
```
#7b91e9
```
#7b91e9 rgb(123,145,233)
```
#758eef
```
#758eef rgb(117,142,239)
```
#6f8af5
```
#6f8af5 rgb(111,138,245)
```
#6986fb
```
#6986fb rgb(105,134,251)
```

Tone Color Variation

Below, you can see how #6f8af5 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
#888da3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6493f8 Protanopia 1% of men
#4c97f2 Deuteranopia 1% of men
#53a1ad Tritanopia 0.001% of the population

Trichromacy

#688ff6 Protanomaly 1% of men, 0.01% of women
#5992f3 Deuteranomaly 6% of men, 0.4% of women
#5d98c7 Tritanomaly 0.01% of the population

#6f8af5 hex color

#6f8af5 Color Information

#6f8af5 Color Conversion

Color Schemes with #6f8af5

Alternatives to #6f8af5

#6f8af5 Preview

Shades and Tints of #6f8af5

Tones of #6f8af5

Color Blindness Simulator