#690cf8 hex color

In a RGB color space, hex #690cf8 is composed of 41.2% red, 4.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 95.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 263.6 degrees, a saturation of 94.4% and a lightness of 51%. #690cf8 color hex could be obtained by blending #d218ff with #0000f1. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 41
- G 5
- B 97
RGB color chart
- C 58
- M 95
- Y 0
- K 3
CMYK color chart

● #690cf8 color description : Vivid violet.

The hexadecimal color #690cf8 has RGB values of R:105, G:12, B:248 and CMYK values of C:0.58, M:0.95, Y:0, K:0.03. Its decimal value is 6884600.

Hex triplet	690cf8	`#690cf8`
RGB Decimal	105, 12, 248	`rgb(105,12,248)`
RGB Percent	41.2, 4.7, 97.3	`rgb(41.2%,4.7%,97.3%)`
CMYK	58, 95, 0, 3
HSL	263.6°, 94.4, 51	`hsl(263.6,94.4%,51%)`
HSV (or HSB)	263.6°, 95.2, 97.3
Web Safe	6600ff	`#6600ff`

CIE-LAB	37.919, 78.703, -94.408
XYZ	22.897, 10.043, 89.534
xyY	0.187, 0.082, 10.043
CIE-LCH	37.919, 122.91, 309.816
CIE-LUV	37.919, 4.589, -130.094
Hunter-Lab	31.691, 73.513, -145.325
Binary	01101001, 00001100, 11111000

#690cf8
```
#690cf8 rgb(105,12,248)
```
#9bf80c
```
#9bf80c rgb(155,248,12)
```

Complementary Color

#0c25f8
```
#0c25f8 rgb(12,37,248)
```
#690cf8
```
#690cf8 rgb(105,12,248)
```
#df0cf8
```
#df0cf8 rgb(223,12,248)
```

Analogous Color

#25f80c
```
#25f80c rgb(37,248,12)
```
#690cf8
```
#690cf8 rgb(105,12,248)
```
#f8df0c
```
#f8df0c rgb(248,223,12)
```

Split Complementary Color

#0cf869
```
#0cf869 rgb(12,248,105)
```
#690cf8
```
#690cf8 rgb(105,12,248)
```
#f8690c
```
#f8690c rgb(248,105,12)
```

Triadic Color

#0c9bf8
```
#0c9bf8 rgb(12,155,248)
```
#690cf8
```
#690cf8 rgb(105,12,248)
```
#f8690c
```
#f8690c rgb(248,105,12)
```
#9bf80c
```
#9bf80c rgb(155,248,12)
```

Tetradic Color

#4905b2
```
#4905b2 rgb(73,5,178)
```
#5406cb
```
#5406cb rgb(84,6,203)
```
#5e07e4
```
#5e07e4 rgb(94,7,228)
```
#690cf8
```
#690cf8 rgb(105,12,248)
```
#7825f9
```
#7825f9 rgb(120,37,249)
```
#883ef9
```
#883ef9 rgb(136,62,249)
```
#9756fa
```
#9756fa rgb(151,86,250)
```

Monochromatic Color

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

#2e0cf8
```
#2e0cf8 rgb(46,12,248)
```
#420cf8
```
#420cf8 rgb(66,12,248)
```
#550cf8
```
#550cf8 rgb(85,12,248)
```
#690cf8
```
#690cf8 rgb(105,12,248)
```
#7d0cf8
```
#7d0cf8 rgb(125,12,248)
```
#900cf8
```
#900cf8 rgb(144,12,248)
```
#a40cf8
```
#a40cf8 rgb(164,12,248)
```

Similar Colors

Text with hexadecimal color #690cf8

This text has a font color of #690cf8.

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

#690cf8 background color

This paragraph has a background color of #690cf8.

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

#690cf8 border color

This element has a border color of #690cf8.

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

CSS codes

.text {color:#690cf8;}

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

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

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

#020005
```
#020005 rgb(2,0,5)
```
#0a0118
```
#0a0118 rgb(10,1,24)
```
#12012b
```
#12012b rgb(18,1,43)
```
#1a023e
```
#1a023e rgb(26,2,62)
```
#210251
```
#210251 rgb(33,2,81)
```
#290364
```
#290364 rgb(41,3,100)
```
#310377
```
#310377 rgb(49,3,119)
```
#39048a
```
#39048a rgb(57,4,138)
```
#41059d
```
#41059d rgb(65,5,157)
```
#4905b0
```
#4905b0 rgb(73,5,176)
```
#5006c4
```
#5006c4 rgb(80,6,196)
```
#5806d7
```
#5806d7 rgb(88,6,215)
```
#6007ea
```
#6007ea rgb(96,7,234)
```

Shade Color Variation

#690cf8
```
#690cf8 rgb(105,12,248)
```
#751ff9
```
#751ff9 rgb(117,31,249)
```
#8132f9
```
#8132f9 rgb(129,50,249)
```
#8c45fa
```
#8c45fa rgb(140,69,250)
```
#9858fa
```
#9858fa rgb(152,88,250)
```
#a46bfb
```
#a46bfb rgb(164,107,251)
```
#b07efb
```
#b07efb rgb(176,126,251)
```
#bb91fc
```
#bb91fc rgb(187,145,252)
```
#c7a5fc
```
#c7a5fc rgb(199,165,252)
```
#d3b8fd
```
#d3b8fd rgb(211,184,253)
```
#dfcbfd
```
#dfcbfd rgb(223,203,253)
```
#eadefe
```
#eadefe rgb(234,222,254)
```
#f6f1ff
```
#f6f1ff rgb(246,241,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #817f85 is the less saturated color, while #690cf8 is the most saturated one.

#817f85
```
#817f85 rgb(129,127,133)
```
#7f768e
```
#7f768e rgb(127,118,142)
```
#7d6c98
```
#7d6c98 rgb(125,108,152)
```
#7b63a1
```
#7b63a1 rgb(123,99,161)
```
#7959ab
```
#7959ab rgb(121,89,171)
```
#774fb5
```
#774fb5 rgb(119,79,181)
```
#7546be
```
#7546be rgb(117,70,190)
```
#733cc8
```
#733cc8 rgb(115,60,200)
```
#7132d2
```
#7132d2 rgb(113,50,210)
```
#6f29db
```
#6f29db rgb(111,41,219)
```
#6d1fe5
```
#6d1fe5 rgb(109,31,229)
```
#6b16ee
```
#6b16ee rgb(107,22,238)
```
#690cf8
```
#690cf8 rgb(105,12,248)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#4b3867 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb8 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#146b73 Tritanopia 0.001% of the population

Trichromacy

#2640cf Protanomaly 1% of men, 0.01% of women
#2644bf Deuteranomaly 6% of men, 0.4% of women
#3248a3 Tritanomaly 0.01% of the population

#690cf8 hex color

#690cf8 Color Information

#690cf8 Color Conversion

Color Schemes with #690cf8

Alternatives to #690cf8

#690cf8 Preview

Shades and Tints of #690cf8

Tones of #690cf8

Color Blindness Simulator