#690ed3 hex color

In a RGB color space, hex #690ed3 is composed of 41.2% red, 5.5% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 93.4% magenta, 0% yellow and 17.3% black. It has a hue angle of 267.7 degrees, a saturation of 87.6% and a lightness of 44.1%. #690ed3 color hex could be obtained by blending #d21cff with #0000a7. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 41
- G 5
- B 83
RGB color chart
- C 50
- M 93
- Y 0
- K 17
CMYK color chart

● #690ed3 color description : Strong violet.

The hexadecimal color #690ed3 has RGB values of R:105, G:14, B:211 and CMYK values of C:0.5, M:0.93, Y:0, K:0.17. Its decimal value is 6885075.

Hex triplet	690ed3	`#690ed3`
RGB Decimal	105, 14, 211	`rgb(105,14,211)`
RGB Percent	41.2, 5.5, 82.7	`rgb(41.2%,5.5%,82.7%)`
CMYK	50, 93, 0, 17
HSL	267.7°, 87.6, 44.1	`hsl(267.7,87.6%,44.1%)`
HSV (or HSB)	267.7°, 93.4, 82.7
Web Safe	6600cc	`#6600cc`

CIE-LAB	34.025, 70.109, -79.732
XYZ	17.739, 8.02, 62.238
xyY	0.202, 0.091, 8.02
CIE-LCH	34.025, 106.172, 311.326
CIE-LUV	34.025, 9.132, -108.843
Hunter-Lab	28.32, 62.245, -110.475
Binary	01101001, 00001110, 11010011

#690ed3
```
#690ed3 rgb(105,14,211)
```
#78d30e
```
#78d30e rgb(120,211,14)
```

Complementary Color

#0e16d3
```
#0e16d3 rgb(14,22,211)
```
#690ed3
```
#690ed3 rgb(105,14,211)
```
#cc0ed3
```
#cc0ed3 rgb(204,14,211)
```

Analogous Color

#16d30e
```
#16d30e rgb(22,211,14)
```
#690ed3
```
#690ed3 rgb(105,14,211)
```
#d3cc0e
```
#d3cc0e rgb(211,204,14)
```

Split Complementary Color

#0ed369
```
#0ed369 rgb(14,211,105)
```
#690ed3
```
#690ed3 rgb(105,14,211)
```
#d3690e
```
#d3690e rgb(211,105,14)
```

Triadic Color

#0e78d3
```
#0e78d3 rgb(14,120,211)
```
#690ed3
```
#690ed3 rgb(105,14,211)
```
#d3690e
```
#d3690e rgb(211,105,14)
```
#78d30e
```
#78d30e rgb(120,211,14)
```

Tetradic Color

#45098b
```
#45098b rgb(69,9,139)
```
#510ba3
```
#510ba3 rgb(81,11,163)
```
#5d0cbb
```
#5d0cbb rgb(93,12,187)
```
#690ed3
```
#690ed3 rgb(105,14,211)
```
#7510eb
```
#7510eb rgb(117,16,235)
```
#8224f0
```
#8224f0 rgb(130,36,240)
```
#903bf2
```
#903bf2 rgb(144,59,242)
```

Monochromatic Color

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

#380ed3
```
#380ed3 rgb(56,14,211)
```
#480ed3
```
#480ed3 rgb(72,14,211)
```
#590ed3
```
#590ed3 rgb(89,14,211)
```
#690ed3
```
#690ed3 rgb(105,14,211)
```
#790ed3
```
#790ed3 rgb(121,14,211)
```
#8a0ed3
```
#8a0ed3 rgb(138,14,211)
```
#9a0ed3
```
#9a0ed3 rgb(154,14,211)
```

Similar Colors

Text with hexadecimal color #690ed3

This text has a font color of #690ed3.

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

#690ed3 background color

This paragraph has a background color of #690ed3.

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

#690ed3 border color

This element has a border color of #690ed3.

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

CSS codes

.text {color:#690ed3;}

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

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

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

#040109
```
#040109 rgb(4,1,9)
```
#0d021b
```
#0d021b rgb(13,2,27)
```
#17032d
```
#17032d rgb(23,3,45)
```
#200440
```
#200440 rgb(32,4,64)
```
#290552
```
#290552 rgb(41,5,82)
```
#320765
```
#320765 rgb(50,7,101)
```
#3b0877
```
#3b0877 rgb(59,8,119)
```
#440989
```
#440989 rgb(68,9,137)
```
#4e0a9c
```
#4e0a9c rgb(78,10,156)
```
#570cae
```
#570cae rgb(87,12,174)
```
#600dc1
```
#600dc1 rgb(96,13,193)
```
#690ed3
```
#690ed3 rgb(105,14,211)
```
#720fe5
```
#720fe5 rgb(114,15,229)
```

Shade Color Variation

#7c19f0
```
#7c19f0 rgb(124,25,240)
```
#862bf1
```
#862bf1 rgb(134,43,241)
```
#913df2
```
#913df2 rgb(145,61,242)
```
#9b50f3
```
#9b50f3 rgb(155,80,243)
```
#a662f5
```
#a662f5 rgb(166,98,245)
```
#b074f6
```
#b074f6 rgb(176,116,246)
```
#bb87f7
```
#bb87f7 rgb(187,135,247)
```
#c599f8
```
#c599f8 rgb(197,153,248)
```
#d0acf9
```
#d0acf9 rgb(208,172,249)
```
#dabefb
```
#dabefb rgb(218,190,251)
```
#e5d0fc
```
#e5d0fc rgb(229,208,252)
```
#efe3fd
```
#efe3fd rgb(239,227,253)
```
#f9f5fe
```
#f9f5fe rgb(249,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #706d74 is the less saturated color, while #6805dc is the most saturated one.

#706d74
```
#706d74 rgb(112,109,116)
```
#70657c
```
#70657c rgb(112,101,124)
```
#6f5c85
```
#6f5c85 rgb(111,92,133)
```
#6e538e
```
#6e538e rgb(110,83,142)
```
#6e4b96
```
#6e4b96 rgb(110,75,150)
```
#6d429f
```
#6d429f rgb(109,66,159)
```
#6c39a8
```
#6c39a8 rgb(108,57,168)
```
#6c31b0
```
#6c31b0 rgb(108,49,176)
```
#6b28b9
```
#6b28b9 rgb(107,40,185)
```
#6a1fc2
```
#6a1fc2 rgb(106,31,194)
```
#6a17ca
```
#6a17ca rgb(106,23,202)
```
#690ed3
```
#690ed3 rgb(105,14,211)
```
#6805dc
```
#6805dc rgb(104,5,220)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#48365d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b92 Deuteranopia 1% of men
#465c63 Tritanopia 0.001% of the population

Trichromacy

#263cb7 Protanomaly 1% of men, 0.01% of women
#263fa9 Deuteranomaly 6% of men, 0.4% of women
#52408c Tritanomaly 0.01% of the population

#690ed3 hex color

#690ed3 Color Information

#690ed3 Color Conversion

Color Schemes with #690ed3

Alternatives to #690ed3

#690ed3 Preview

Shades and Tints of #690ed3

Tones of #690ed3

Color Blindness Simulator