#690fdc hex color

In a RGB color space, hex #690fdc is composed of 41.2% red, 5.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 93.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 266.3 degrees, a saturation of 87.2% and a lightness of 46.1%. #690fdc color hex could be obtained by blending #d21eff with #0000b9. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 41
- G 6
- B 86
RGB color chart
- C 52
- M 93
- Y 0
- K 14
CMYK color chart

● #690fdc color description : Vivid violet.

The hexadecimal color #690fdc has RGB values of R:105, G:15, B:220 and CMYK values of C:0.52, M:0.93, Y:0, K:0.14. Its decimal value is 6885340.

Hex triplet	690fdc	`#690fdc`
RGB Decimal	105, 15, 220	`rgb(105,15,220)`
RGB Percent	41.2, 5.9, 86.3	`rgb(41.2%,5.9%,86.3%)`
CMYK	52, 93, 0, 14
HSL	266.3°, 87.2, 46.1	`hsl(266.3,87.2%,46.1%)`
HSV (or HSB)	266.3°, 93.2, 86.3
Web Safe	6600cc	`#6600cc`

CIE-LAB	35.027, 71.96, -83.271
XYZ	18.913, 8.512, 68.353
xyY	0.197, 0.089, 8.512
CIE-LCH	35.027, 110.056, 310.832
CIE-LUV	35.027, 7.873, -114.059
Hunter-Lab	29.175, 64.654, -118.484
Binary	01101001, 00001111, 11011100

#690fdc
```
#690fdc rgb(105,15,220)
```
#82dc0f
```
#82dc0f rgb(130,220,15)
```

Complementary Color

#0f1cdc
```
#0f1cdc rgb(15,28,220)
```
#690fdc
```
#690fdc rgb(105,15,220)
```
#d00fdc
```
#d00fdc rgb(208,15,220)
```

Analogous Color

#1cdc0f
```
#1cdc0f rgb(28,220,15)
```
#690fdc
```
#690fdc rgb(105,15,220)
```
#dcd00f
```
#dcd00f rgb(220,208,15)
```

Split Complementary Color

#0fdc69
```
#0fdc69 rgb(15,220,105)
```
#690fdc
```
#690fdc rgb(105,15,220)
```
#dc690f
```
#dc690f rgb(220,105,15)
```

Triadic Color

#0f82dc
```
#0f82dc rgb(15,130,220)
```
#690fdc
```
#690fdc rgb(105,15,220)
```
#dc690f
```
#dc690f rgb(220,105,15)
```
#82dc0f
```
#82dc0f rgb(130,220,15)
```

Tetradic Color

#470a94
```
#470a94 rgb(71,10,148)
```
#520cac
```
#520cac rgb(82,12,172)
```
#5e0dc4
```
#5e0dc4 rgb(94,13,196)
```
#690fdc
```
#690fdc rgb(105,15,220)
```
#7515ef
```
#7515ef rgb(117,21,239)
```
#832df1
```
#832df1 rgb(131,45,241)
```
#9145f2
```
#9145f2 rgb(145,69,242)
```

Monochromatic Color

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

#360fdc
```
#360fdc rgb(54,15,220)
```
#470fdc
```
#470fdc rgb(71,15,220)
```
#580fdc
```
#580fdc rgb(88,15,220)
```
#690fdc
```
#690fdc rgb(105,15,220)
```
#7a0fdc
```
#7a0fdc rgb(122,15,220)
```
#8b0fdc
```
#8b0fdc rgb(139,15,220)
```
#9c0fdc
```
#9c0fdc rgb(156,15,220)
```

Similar Colors

Text with hexadecimal color #690fdc

This text has a font color of #690fdc.

<span style="color:#690fdc;">Text here</span>

#690fdc background color

This paragraph has a background color of #690fdc.

<p style="background-color:#690fdc;">Content here</p>

#690fdc border color

This element has a border color of #690fdc.

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

CSS codes

.text {color:#690fdc;}

.background {background-color:#690fdc;}

.border {border:1px solid #690fdc;}

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

#090112
```
#090112 rgb(9,1,18)
```
#110224
```
#110224 rgb(17,2,36)
```
#1a0437
```
#1a0437 rgb(26,4,55)
```
#230549
```
#230549 rgb(35,5,73)
```
#2c065b
```
#2c065b rgb(44,6,91)
```
#34076e
```
#34076e rgb(52,7,110)
```
#3d0980
```
#3d0980 rgb(61,9,128)
```
#460a93
```
#460a93 rgb(70,10,147)
```
#4f0ba5
```
#4f0ba5 rgb(79,11,165)
```
#570cb7
```
#570cb7 rgb(87,12,183)
```
#600eca
```
#600eca rgb(96,14,202)
```
#690fdc
```
#690fdc rgb(105,15,220)
```
#7210ee
```
#7210ee rgb(114,16,238)
```

Shade Color Variation

#7d22f0
```
#7d22f0 rgb(125,34,240)
```
#8735f1
```
#8735f1 rgb(135,53,241)
```
#9247f2
```
#9247f2 rgb(146,71,242)
```
#9d59f4
```
#9d59f4 rgb(157,89,244)
```
#a86cf5
```
#a86cf5 rgb(168,108,245)
```
#b37ef6
```
#b37ef6 rgb(179,126,246)
```
#be90f7
```
#be90f7 rgb(190,144,247)
```
#c9a3f9
```
#c9a3f9 rgb(201,163,249)
```
#d3b5fa
```
#d3b5fa rgb(211,181,250)
```
#dec8fb
```
#dec8fb rgb(222,200,251)
```
#e9dafc
```
#e9dafc rgb(233,218,252)
```
#f4ecfe
```
#f4ecfe rgb(244,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#757279
```
#757279 rgb(117,114,121)
```
#746982
```
#746982 rgb(116,105,130)
```
#73608b
```
#73608b rgb(115,96,139)
```
#725794
```
#725794 rgb(114,87,148)
```
#714e9d
```
#714e9d rgb(113,78,157)
```
#7045a6
```
#7045a6 rgb(112,69,166)
```
#6f3caf
```
#6f3caf rgb(111,60,175)
```
#6d33b8
```
#6d33b8 rgb(109,51,184)
```
#6c2ac1
```
#6c2ac1 rgb(108,42,193)
```
#6b21ca
```
#6b21ca rgb(107,33,202)
```
#6a18d3
```
#6a18d3 rgb(106,24,211)
```
#690fdc
```
#690fdc rgb(105,15,220)
```
#6806e5
```
#6806e5 rgb(104,6,229)
```

Tone Color Variation

Below, you can see how #690fdc 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

#414141 Achromatopsia 0.005% of the population
#493760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005d95 Deuteranopia 1% of men
#3f6067 Tritanopia 0.001% of the population

Trichromacy

#263dbd Protanomaly 1% of men, 0.01% of women
#2641af Deuteranomaly 6% of men, 0.4% of women
#4e4291 Tritanomaly 0.01% of the population

#690fdc hex color

#690fdc Color Information

#690fdc Color Conversion

Color Schemes with #690fdc

Alternatives to #690fdc

#690fdc Preview

Shades and Tints of #690fdc

Tones of #690fdc

Color Blindness Simulator