#6f7afe hex color

In a RGB color space, hex #6f7afe is composed of 43.5% red, 47.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 52% magenta, 0% yellow and 0.4% black. It has a hue angle of 235.4 degrees, a saturation of 98.6% and a lightness of 71.6%. #6f7afe color hex could be obtained by blending #def4ff with #0000fd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 44
- G 48
- B 100
RGB color chart
- C 56
- M 52
- Y 0
- K 0
CMYK color chart

● #6f7afe color description : Soft blue.

The hexadecimal color #6f7afe has RGB values of R:111, G:122, B:254 and CMYK values of C:0.56, M:0.52, Y:0, K:0. Its decimal value is 7305982.

Hex triplet	6f7afe	`#6f7afe`
RGB Decimal	111, 122, 254	`rgb(111,122,254)`
RGB Percent	43.5, 47.8, 99.6	`rgb(43.5%,47.8%,99.6%)`
CMYK	56, 52, 0, 0
HSL	235.4°, 98.6, 71.6	`hsl(235.4,98.6%,71.6%)`
HSV (or HSB)	235.4°, 56.3, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.539, 32.985, -67.261
XYZ	31.401, 24.453, 96.826
xyY	0.206, 0.16, 24.453
CIE-LCH	56.539, 74.913, 296.124
CIE-LUV	56.539, -11.359, -109.346
Hunter-Lab	49.45, 26.811, -81.478
Binary	01101111, 01111010, 11111110

#6f7afe
```
#6f7afe rgb(111,122,254)
```
#fef36f
```
#fef36f rgb(254,243,111)
```

Complementary Color

#6fc2fe
```
#6fc2fe rgb(111,194,254)
```
#6f7afe
```
#6f7afe rgb(111,122,254)
```
#ac6ffe
```
#ac6ffe rgb(172,111,254)
```

Analogous Color

#c2fe6f
```
#c2fe6f rgb(194,254,111)
```
#6f7afe
```
#6f7afe rgb(111,122,254)
```
#feac6f
```
#feac6f rgb(254,172,111)
```

Split Complementary Color

#7afe6f
```
#7afe6f rgb(122,254,111)
```
#6f7afe
```
#6f7afe rgb(111,122,254)
```
#fe6f7a
```
#fe6f7a rgb(254,111,122)
```

Triadic Color

#6ffef3
```
#6ffef3 rgb(111,254,243)
```
#6f7afe
```
#6f7afe rgb(111,122,254)
```
#fe6f7a
```
#fe6f7a rgb(254,111,122)
```
#fef36f
```
#fef36f rgb(254,243,111)
```

Tetradic Color

#2334fd
```
#2334fd rgb(35,52,253)
```
#3c4bfe
```
#3c4bfe rgb(60,75,254)
```
#5663fe
```
#5663fe rgb(86,99,254)
```
#6f7afe
```
#6f7afe rgb(111,122,254)
```
#8891fe
```
#8891fe rgb(136,145,254)
```
#a2a9fe
```
#a2a9fe rgb(162,169,254)
```
#bbc0ff
```
#bbc0ff rgb(187,192,255)
```

Monochromatic Color

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

#6f9efe
```
#6f9efe rgb(111,158,254)
```
#6f92fe
```
#6f92fe rgb(111,146,254)
```
#6f86fe
```
#6f86fe rgb(111,134,254)
```
#6f7afe
```
#6f7afe rgb(111,122,254)
```
#706ffe
```
#706ffe rgb(112,111,254)
```
#7c6ffe
```
#7c6ffe rgb(124,111,254)
```
#886ffe
```
#886ffe rgb(136,111,254)
```

Similar Colors

Text with hexadecimal color #6f7afe

This text has a font color of #6f7afe.

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

#6f7afe background color

This paragraph has a background color of #6f7afe.

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

#6f7afe border color

This element has a border color of #6f7afe.

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

CSS codes

.text {color:#6f7afe;}

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

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

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, #00010c is the darkest color, while #f7f8ff is the lightest one.

#00010c
```
#00010c rgb(0,1,12)
```
#00031f
```
#00031f rgb(0,3,31)
```
#000433
```
#000433 rgb(0,4,51)
```
#000646
```
#000646 rgb(0,6,70)
```
#01075a
```
#01075a rgb(1,7,90)
```
#01096d
```
#01096d rgb(1,9,109)
```
#010b81
```
#010b81 rgb(1,11,129)
```
#010c94
```
#010c94 rgb(1,12,148)
```
#010ea8
```
#010ea8 rgb(1,14,168)
```
#0110bb
```
#0110bb rgb(1,16,187)
```
#0111cf
```
#0111cf rgb(1,17,207)
```
#0213e2
```
#0213e2 rgb(2,19,226)
```
#0214f6
```
#0214f6 rgb(2,20,246)
```

Shade Color Variation

#0e20fd
```
#0e20fd rgb(14,32,253)
```
#2132fd
```
#2132fd rgb(33,50,253)
```
#3544fe
```
#3544fe rgb(53,68,254)
```
#4856fe
```
#4856fe rgb(72,86,254)
```
#5c68fe
```
#5c68fe rgb(92,104,254)
```
#6f7afe
```
#6f7afe rgb(111,122,254)
```
#828cfe
```
#828cfe rgb(130,140,254)
```
#969efe
```
#969efe rgb(150,158,254)
```
#a9b0fe
```
#a9b0fe rgb(169,176,254)
```
#bdc2ff
```
#bdc2ff rgb(189,194,255)
```
#d0d4ff
```
#d0d4ff rgb(208,212,255)
```
#e4e6ff
```
#e4e6ff rgb(228,230,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#b2b3bb
```
#b2b3bb rgb(178,179,187)
```
#acaec1
```
#acaec1 rgb(172,174,193)
```
#a7a9c6
```
#a7a9c6 rgb(167,169,198)
```
#a1a4cc
```
#a1a4cc rgb(161,164,204)
```
#9ca0d1
```
#9ca0d1 rgb(156,160,209)
```
#969bd7
```
#969bd7 rgb(150,155,215)
```
#9096dd
```
#9096dd rgb(144,150,221)
```
#8b92e2
```
#8b92e2 rgb(139,146,226)
```
#858de8
```
#858de8 rgb(133,141,232)
```
#8088ed
```
#8088ed rgb(128,136,237)
```
#7a83f3
```
#7a83f3 rgb(122,131,243)
```
#757ff8
```
#757ff8 rgb(117,127,248)
```
#6f7afe
```
#6f7afe rgb(111,122,254)
```

Tone Color Variation

Below, you can see how #6f7afe 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
#81849e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4289ff Protanopia 1% of men
#0090ef Deuteranopia 1% of men
#4698a4 Tritanopia 0.001% of the population

Trichromacy

#5284fe Protanomaly 1% of men, 0.01% of women
#2888f4 Deuteranomaly 6% of men, 0.4% of women
#558dc4 Tritanomaly 0.01% of the population

#6f7afe hex color

#6f7afe Color Information

#6f7afe Color Conversion

Color Schemes with #6f7afe

Alternatives to #6f7afe

#6f7afe Preview

Shades and Tints of #6f7afe

Tones of #6f7afe

Color Blindness Simulator