#661ba0 hex color

In a RGB color space, hex #661ba0 is composed of 40% red, 10.6% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 36.3% cyan, 83.1% magenta, 0% yellow and 37.3% black. It has a hue angle of 273.8 degrees, a saturation of 71.1% and a lightness of 36.7%. #661ba0 color hex could be obtained by blending #cc36ff with #000041. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 40
- G 11
- B 63
RGB color chart
- C 36
- M 83
- Y 0
- K 37
CMYK color chart

● #661ba0 color description : Dark violet.

The hexadecimal color #661ba0 has RGB values of R:102, G:27, B:160 and CMYK values of C:0.36, M:0.83, Y:0, K:0.37. Its decimal value is 6691744.

Hex triplet	661ba0	`#661ba0`
RGB Decimal	102, 27, 160	`rgb(102,27,160)`
RGB Percent	40, 10.6, 62.7	`rgb(40%,10.6%,62.7%)`
CMYK	36, 83, 0, 37
HSL	273.8°, 71.1, 36.7	`hsl(273.8,71.1%,36.7%)`
HSV (or HSB)	273.8°, 83.1, 62.7
Web Safe	663399	`#663399`

CIE-LAB	29.78, 54.998, -56.487
XYZ	12.216, 6.147, 33.799
xyY	0.234, 0.118, 6.147
CIE-LCH	29.78, 78.839, 314.235
CIE-LUV	29.78, 15.319, -77.251
Hunter-Lab	24.793, 44.56, -63.471
Binary	01100110, 00011011, 10100000

#661ba0
```
#661ba0 rgb(102,27,160)
```
#55a01b
```
#55a01b rgb(85,160,27)
```

Complementary Color

#241ba0
```
#241ba0 rgb(36,27,160)
```
#661ba0
```
#661ba0 rgb(102,27,160)
```
#a01b98
```
#a01b98 rgb(160,27,152)
```

Analogous Color

#1ba024
```
#1ba024 rgb(27,160,36)
```
#661ba0
```
#661ba0 rgb(102,27,160)
```
#98a01b
```
#98a01b rgb(152,160,27)
```

Split Complementary Color

#1ba066
```
#1ba066 rgb(27,160,102)
```
#661ba0
```
#661ba0 rgb(102,27,160)
```
#a0661b
```
#a0661b rgb(160,102,27)
```

Triadic Color

#1b55a0
```
#1b55a0 rgb(27,85,160)
```
#661ba0
```
#661ba0 rgb(102,27,160)
```
#a0661b
```
#a0661b rgb(160,102,27)
```
#55a01b
```
#55a01b rgb(85,160,27)
```

Tetradic Color

#3c105f
```
#3c105f rgb(60,16,95)
```
#4a1474
```
#4a1474 rgb(74,20,116)
```
#58178a
```
#58178a rgb(88,23,138)
```
#661ba0
```
#661ba0 rgb(102,27,160)
```
#741fb6
```
#741fb6 rgb(116,31,182)
```
#8222cc
```
#8222cc rgb(130,34,204)
```
#8f2cdb
```
#8f2cdb rgb(143,44,219)
```

Monochromatic Color

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

#451ba0
```
#451ba0 rgb(69,27,160)
```
#501ba0
```
#501ba0 rgb(80,27,160)
```
#5b1ba0
```
#5b1ba0 rgb(91,27,160)
```
#661ba0
```
#661ba0 rgb(102,27,160)
```
#711ba0
```
#711ba0 rgb(113,27,160)
```
#7c1ba0
```
#7c1ba0 rgb(124,27,160)
```
#871ba0
```
#871ba0 rgb(135,27,160)
```

Similar Colors

Text with hexadecimal color #661ba0

This text has a font color of #661ba0.

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

#661ba0 background color

This paragraph has a background color of #661ba0.

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

#661ba0 border color

This element has a border color of #661ba0.

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

CSS codes

.text {color:#661ba0;}

.background {background-color:#661ba0;}

.border {border:1px solid #661ba0;}

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

#060209
```
#060209 rgb(6,2,9)
```
#10041a
```
#10041a rgb(16,4,26)
```
#1b072b
```
#1b072b rgb(27,7,43)
```
#260a3b
```
#260a3b rgb(38,10,59)
```
#310d4c
```
#310d4c rgb(49,13,76)
```
#3b105d
```
#3b105d rgb(59,16,93)
```
#46136e
```
#46136e rgb(70,19,110)
```
#51157e
```
#51157e rgb(81,21,126)
```
#5b188f
```
#5b188f rgb(91,24,143)
```
#661ba0
```
#661ba0 rgb(102,27,160)
```
#711eb1
```
#711eb1 rgb(113,30,177)
```
#7b21c2
```
#7b21c2 rgb(123,33,194)
```
#8623d2
```
#8623d2 rgb(134,35,210)
```

Shade Color Variation

#902edc
```
#902edc rgb(144,46,220)
```
#993fdf
```
#993fdf rgb(153,63,223)
```
#a24fe1
```
#a24fe1 rgb(162,79,225)
```
#ab60e4
```
#ab60e4 rgb(171,96,228)
```
#b471e7
```
#b471e7 rgb(180,113,231)
```
#bc82ea
```
#bc82ea rgb(188,130,234)
```
#c592ed
```
#c592ed rgb(197,146,237)
```
#cea3f0
```
#cea3f0 rgb(206,163,240)
```
#d7b4f2
```
#d7b4f2 rgb(215,180,242)
```
#e0c5f5
```
#e0c5f5 rgb(224,197,245)
```
#e9d6f8
```
#e9d6f8 rgb(233,214,248)
```
#f2e6fb
```
#f2e6fb rgb(242,230,251)
```
#fbf7fe
```
#fbf7fe rgb(251,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e5c5f is the less saturated color, while #6905b6 is the most saturated one.

#5e5c5f
```
#5e5c5f rgb(94,92,95)
```
#5f5566
```
#5f5566 rgb(95,85,102)
```
#604d6e
```
#604d6e rgb(96,77,110)
```
#604675
```
#604675 rgb(96,70,117)
```
#613f7c
```
#613f7c rgb(97,63,124)
```
#623883
```
#623883 rgb(98,56,131)
```
#63318a
```
#63318a rgb(99,49,138)
```
#642992
```
#642992 rgb(100,41,146)
```
#652299
```
#652299 rgb(101,34,153)
```
#661ba0
```
#661ba0 rgb(102,27,160)
```
#6714a7
```
#6714a7 rgb(103,20,167)
```
#680dae
```
#680dae rgb(104,13,174)
```
#6905b6
```
#6905b6 rgb(105,5,182)
```

Tone Color Variation

Below, you can see how #661ba0 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
#483954 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005184 Deuteranopia 1% of men
#5a4c51 Tritanopia 0.001% of the population

Trichromacy

#253b9a Protanomaly 1% of men, 0.01% of women
#253d8e Deuteranomaly 6% of men, 0.4% of women
#5e3a6e Tritanomaly 0.01% of the population

#661ba0 hex color

#661ba0 Color Information

#661ba0 Color Conversion

Color Schemes with #661ba0

Alternatives to #661ba0

#661ba0 Preview

Shades and Tints of #661ba0

Tones of #661ba0

Color Blindness Simulator