#690396 hex color

In a RGB color space, hex #690396 is composed of 41.2% red, 1.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 98% magenta, 0% yellow and 41.2% black. It has a hue angle of 281.6 degrees, a saturation of 96.1% and a lightness of 30%. #690396 color hex could be obtained by blending #d206ff with #00002d. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 41
- G 1
- B 59
RGB color chart
- C 30
- M 98
- Y 0
- K 41
CMYK color chart

● #690396 color description : Dark violet.

The hexadecimal color #690396 has RGB values of R:105, G:3, B:150 and CMYK values of C:0.3, M:0.98, Y:0, K:0.41. Its decimal value is 6882198.

Hex triplet	690396	`#690396`
RGB Decimal	105, 3, 150	`rgb(105,3,150)`
RGB Percent	41.2, 1.2, 58.8	`rgb(41.2%,1.2%,58.8%)`
CMYK	30, 98, 0, 41
HSL	281.6°, 96.1, 30	`hsl(281.6,96.1%,30%)`
HSV (or HSB)	281.6°, 98, 58.8
Web Safe	660099	`#660099`

CIE-LAB	27.493, 58.842, -54.092
XYZ	11.363, 5.271, 29.271
xyY	0.248, 0.115, 5.271
CIE-LCH	27.493, 79.927, 317.408
CIE-LUV	27.493, 20.428, -72.265
Hunter-Lab	22.958, 48.167, -59.523
Binary	01101001, 00000011, 10010110

#690396
```
#690396 rgb(105,3,150)
```
#309603
```
#309603 rgb(48,150,3)
```

Complementary Color

#1f0396
```
#1f0396 rgb(31,3,150)
```
#690396
```
#690396 rgb(105,3,150)
```
#96037a
```
#96037a rgb(150,3,122)
```

Analogous Color

#03961f
```
#03961f rgb(3,150,31)
```
#690396
```
#690396 rgb(105,3,150)
```
#7a9603
```
#7a9603 rgb(122,150,3)
```

Split Complementary Color

#039669
```
#039669 rgb(3,150,105)
```
#690396
```
#690396 rgb(105,3,150)
```
#966903
```
#966903 rgb(150,105,3)
```

Triadic Color

#033096
```
#033096 rgb(3,48,150)
```
#690396
```
#690396 rgb(105,3,150)
```
#966903
```
#966903 rgb(150,105,3)
```
#309603
```
#309603 rgb(48,150,3)
```

Tetradic Color

#35014b
```
#35014b rgb(53,1,75)
```
#460264
```
#460264 rgb(70,2,100)
```
#57027d
```
#57027d rgb(87,2,125)
```
#690396
```
#690396 rgb(105,3,150)
```
#7b03af
```
#7b03af rgb(123,3,175)
```
#8c04c8
```
#8c04c8 rgb(140,4,200)
```
#9e04e1
```
#9e04e1 rgb(158,4,225)
```

Monochromatic Color

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

#440396
```
#440396 rgb(68,3,150)
```
#510396
```
#510396 rgb(81,3,150)
```
#5d0396
```
#5d0396 rgb(93,3,150)
```
#690396
```
#690396 rgb(105,3,150)
```
#750396
```
#750396 rgb(117,3,150)
```
#820396
```
#820396 rgb(130,3,150)
```
#8e0396
```
#8e0396 rgb(142,3,150)
```

Similar Colors

Text with hexadecimal color #690396

This text has a font color of #690396.

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

#690396 background color

This paragraph has a background color of #690396.

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

#690396 border color

This element has a border color of #690396.

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

CSS codes

.text {color:#690396;}

.background {background-color:#690396;}

.border {border:1px solid #690396;}

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, #0b000f is the darkest color, while #fefbff is the lightest one.

#0b000f
```
#0b000f rgb(11,0,15)
```
#180123
```
#180123 rgb(24,1,35)
```
#260136
```
#260136 rgb(38,1,54)
```
#330149
```
#330149 rgb(51,1,73)
```
#41025c
```
#41025c rgb(65,2,92)
```
#4e0270
```
#4e0270 rgb(78,2,112)
```
#5c0383
```
#5c0383 rgb(92,3,131)
```
#690396
```
#690396 rgb(105,3,150)
```
#7603a9
```
#7603a9 rgb(118,3,169)
```
#8404bc
```
#8404bc rgb(132,4,188)
```
#9104d0
```
#9104d0 rgb(145,4,208)
```
#9f05e3
```
#9f05e3 rgb(159,5,227)
```
#ac05f6
```
#ac05f6 rgb(172,5,246)
```

Shade Color Variation

#b414fa
```
#b414fa rgb(180,20,250)
```
#ba28fb
```
#ba28fb rgb(186,40,251)
```
#c03bfb
```
#c03bfb rgb(192,59,251)
```
#c64efb
```
#c64efb rgb(198,78,251)
```
#cd61fc
```
#cd61fc rgb(205,97,252)
```
#d375fc
```
#d375fc rgb(211,117,252)
```
#d988fd
```
#d988fd rgb(217,136,253)
```
#df9bfd
```
#df9bfd rgb(223,155,253)
```
#e5aefd
```
#e5aefd rgb(229,174,253)
```
#ebc1fe
```
#ebc1fe rgb(235,193,254)
```
#f1d5fe
```
#f1d5fe rgb(241,213,254)
```
#f8e8ff
```
#f8e8ff rgb(248,232,255)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

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

#4e4a4f
```
#4e4a4f rgb(78,74,79)
```
#504455
```
#504455 rgb(80,68,85)
```
#523e5b
```
#523e5b rgb(82,62,91)
```
#543861
```
#543861 rgb(84,56,97)
```
#573267
```
#573267 rgb(87,50,103)
```
#592c6d
```
#592c6d rgb(89,44,109)
```
#5b2673
```
#5b2673 rgb(91,38,115)
```
#5e2079
```
#5e2079 rgb(94,32,121)
```
#601b7e
```
#601b7e rgb(96,27,126)
```
#621584
```
#621584 rgb(98,21,132)
```
#640f8a
```
#640f8a rgb(100,15,138)
```
#670990
```
#670990 rgb(103,9,144)
```
#690396
```
#690396 rgb(105,3,150)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#3d2946 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004c7c Deuteranopia 1% of men
#604247 Tritanopia 0.001% of the population

Trichromacy

#262f90 Protanomaly 1% of men, 0.01% of women
#263185 Deuteranomaly 6% of men, 0.4% of women
#632b64 Tritanomaly 0.01% of the population

#690396 hex color

#690396 Color Information

#690396 Color Conversion

Color Schemes with #690396

Alternatives to #690396

#690396 Preview

Shades and Tints of #690396

Tones of #690396

Color Blindness Simulator