#6f85ef hex color

In a RGB color space, hex #6f85ef is composed of 43.5% red, 52.2% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 44.4% magenta, 0% yellow and 6.3% black. It has a hue angle of 229.7 degrees, a saturation of 80% and a lightness of 68.6%. #6f85ef color hex could be obtained by blending #deffff with #000bdf. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 52
- B 94
RGB color chart
- C 54
- M 44
- Y 0
- K 6
CMYK color chart

● #6f85ef color description : Soft blue.

The hexadecimal color #6f85ef has RGB values of R:111, G:133, B:239 and CMYK values of C:0.54, M:0.44, Y:0, K:0.06. Its decimal value is 7308783.

Hex triplet	6f85ef	`#6f85ef`
RGB Decimal	111, 133, 239	`rgb(111,133,239)`
RGB Percent	43.5, 52.2, 93.7	`rgb(43.5%,52.2%,93.7%)`
CMYK	54, 44, 0, 6
HSL	229.7°, 80, 68.6	`hsl(229.7,80%,68.6%)`
HSV (or HSB)	229.7°, 53.6, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.401, 21.694, -55.979
XYZ	30.52, 26.385, 85.141
xyY	0.215, 0.186, 26.385
CIE-LCH	58.401, 60.036, 291.183
CIE-LUV	58.401, -14.246, -91.107
Hunter-Lab	51.367, 16.166, -62.318
Binary	01101111, 10000101, 11101111

#6f85ef
```
#6f85ef rgb(111,133,239)
```
#efd96f
```
#efd96f rgb(239,217,111)
```

Complementary Color

#6fc5ef
```
#6fc5ef rgb(111,197,239)
```
#6f85ef
```
#6f85ef rgb(111,133,239)
```
#996fef
```
#996fef rgb(153,111,239)
```

Analogous Color

#c5ef6f
```
#c5ef6f rgb(197,239,111)
```
#6f85ef
```
#6f85ef rgb(111,133,239)
```
#ef996f
```
#ef996f rgb(239,153,111)
```

Split Complementary Color

#85ef6f
```
#85ef6f rgb(133,239,111)
```
#6f85ef
```
#6f85ef rgb(111,133,239)
```
#ef6f85
```
#ef6f85 rgb(239,111,133)
```

Triadic Color

#6fefd9
```
#6fefd9 rgb(111,239,217)
```
#6f85ef
```
#6f85ef rgb(111,133,239)
```
#ef6f85
```
#ef6f85 rgb(239,111,133)
```
#efd96f
```
#efd96f rgb(239,217,111)
```

Tetradic Color

#2a4be7
```
#2a4be7 rgb(42,75,231)
```
#415eea
```
#415eea rgb(65,94,234)
```
#5872ec
```
#5872ec rgb(88,114,236)
```
#6f85ef
```
#6f85ef rgb(111,133,239)
```
#8698f2
```
#8698f2 rgb(134,152,242)
```
#9dacf4
```
#9dacf4 rgb(157,172,244)
```
#b4bff7
```
#b4bff7 rgb(180,191,247)
```

Monochromatic Color

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

#6fa5ef
```
#6fa5ef rgb(111,165,239)
```
#6f9aef
```
#6f9aef rgb(111,154,239)
```
#6f90ef
```
#6f90ef rgb(111,144,239)
```
#6f85ef
```
#6f85ef rgb(111,133,239)
```
#6f7aef
```
#6f7aef rgb(111,122,239)
```
#6f70ef
```
#6f70ef rgb(111,112,239)
```
#796fef
```
#796fef rgb(121,111,239)
```

Similar Colors

Text with hexadecimal color #6f85ef

This text has a font color of #6f85ef.

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

#6f85ef background color

This paragraph has a background color of #6f85ef.

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

#6f85ef border color

This element has a border color of #6f85ef.

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

CSS codes

.text {color:#6f85ef;}

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

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

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, #02040f is the darkest color, while #fcfdff is the lightest one.

#02040f
```
#02040f rgb(2,4,15)
```
#040921
```
#040921 rgb(4,9,33)
```
#060d32
```
#060d32 rgb(6,13,50)
```
#081244
```
#081244 rgb(8,18,68)
```
#0a1756
```
#0a1756 rgb(10,23,86)
```
#0b1b67
```
#0b1b67 rgb(11,27,103)
```
#0d2079
```
#0d2079 rgb(13,32,121)
```
#0f258a
```
#0f258a rgb(15,37,138)
```
#11299c
```
#11299c rgb(17,41,156)
```
#132eae
```
#132eae rgb(19,46,174)
```
#1533bf
```
#1533bf rgb(21,51,191)
```
#1737d1
```
#1737d1 rgb(23,55,209)
```
#193ce3
```
#193ce3 rgb(25,60,227)
```

Shade Color Variation

#2849e7
```
#2849e7 rgb(40,73,231)
```
#3a58e9
```
#3a58e9 rgb(58,88,233)
```
#4c67eb
```
#4c67eb rgb(76,103,235)
```
#5d76ed
```
#5d76ed rgb(93,118,237)
```
#6f85ef
```
#6f85ef rgb(111,133,239)
```
#8194f1
```
#8194f1 rgb(129,148,241)
```
#92a3f3
```
#92a3f3 rgb(146,163,243)
```
#a4b2f5
```
#a4b2f5 rgb(164,178,245)
```
#b6c1f7
```
#b6c1f7 rgb(182,193,247)
```
#c7d0f9
```
#c7d0f9 rgb(199,208,249)
```
#d9dffb
```
#d9dffb rgb(217,223,251)
```
#ebeefd
```
#ebeefd rgb(235,238,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#adadb1
```
#adadb1 rgb(173,173,177)
```
#a6a9b8
```
#a6a9b8 rgb(166,169,184)
```
#a0a5be
```
#a0a5be rgb(160,165,190)
```
#9aa1c4
```
#9aa1c4 rgb(154,161,196)
```
#949dca
```
#949dca rgb(148,157,202)
```
#8e99d0
```
#8e99d0 rgb(142,153,208)
```
#8895d6
```
#8895d6 rgb(136,149,214)
```
#8191dd
```
#8191dd rgb(129,145,221)
```
#7b8de3
```
#7b8de3 rgb(123,141,227)
```
#7589e9
```
#7589e9 rgb(117,137,233)
```
#6f85ef
```
#6f85ef rgb(111,133,239)
```
#6981f5
```
#6981f5 rgb(105,129,245)
```
#637dfb
```
#637dfb rgb(99,125,251)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#858a9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#608ff2 Protanopia 1% of men
#4993ec Deuteranopia 1% of men
#559ca8 Tritanopia 0.001% of the population

Trichromacy

#658bf1 Protanomaly 1% of men, 0.01% of women
#578eed Deuteranomaly 6% of men, 0.4% of women
#5e94c1 Tritanomaly 0.01% of the population

#6f85ef hex color

#6f85ef Color Information

#6f85ef Color Conversion

Color Schemes with #6f85ef

Alternatives to #6f85ef

#6f85ef Preview

Shades and Tints of #6f85ef

Tones of #6f85ef

Color Blindness Simulator