#661baf hex color

In a RGB color space, hex #661baf is composed of 40% red, 10.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 84.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 270.4 degrees, a saturation of 73.3% and a lightness of 39.6%. #661baf color hex could be obtained by blending #cc36ff with #00005f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 40
- G 11
- B 69
RGB color chart
- C 42
- M 85
- Y 0
- K 31
CMYK color chart

● #661baf color description : Dark violet.

The hexadecimal color #661baf has RGB values of R:102, G:27, B:175 and CMYK values of C:0.42, M:0.85, Y:0, K:0.31. Its decimal value is 6691759.

Hex triplet	661baf	`#661baf`
RGB Decimal	102, 27, 175	`rgb(102,27,175)`
RGB Percent	40, 10.6, 68.6	`rgb(40%,10.6%,68.6%)`
CMYK	42, 85, 0, 31
HSL	270.4°, 73.3, 39.6	`hsl(270.4,73.3%,39.6%)`
HSV (or HSB)	270.4°, 84.6, 68.6
Web Safe	663399	`#663399`

CIE-LAB	31.123, 58.454, -63.332
XYZ	13.608, 6.704, 41.132
xyY	0.221, 0.109, 6.704
CIE-LCH	31.123, 86.185, 312.706
CIE-LUV	31.123, 12.659, -86.731
Hunter-Lab	25.892, 48.504, -76.065
Binary	01100110, 00011011, 10101111

#661baf
```
#661baf rgb(102,27,175)
```
#64af1b
```
#64af1b rgb(100,175,27)
```

Complementary Color

#1c1baf
```
#1c1baf rgb(28,27,175)
```
#661baf
```
#661baf rgb(102,27,175)
```
#af1bae
```
#af1bae rgb(175,27,174)
```

Analogous Color

#1baf1c
```
#1baf1c rgb(27,175,28)
```
#661baf
```
#661baf rgb(102,27,175)
```
#aeaf1b
```
#aeaf1b rgb(174,175,27)
```

Split Complementary Color

#1baf66
```
#1baf66 rgb(27,175,102)
```
#661baf
```
#661baf rgb(102,27,175)
```
#af661b
```
#af661b rgb(175,102,27)
```

Triadic Color

#1b64af
```
#1b64af rgb(27,100,175)
```
#661baf
```
#661baf rgb(102,27,175)
```
#af661b
```
#af661b rgb(175,102,27)
```
#64af1b
```
#64af1b rgb(100,175,27)
```

Tetradic Color

#3f116d
```
#3f116d rgb(63,17,109)
```
#4c1483
```
#4c1483 rgb(76,20,131)
```
#591899
```
#591899 rgb(89,24,153)
```
#661baf
```
#661baf rgb(102,27,175)
```
#731ec5
```
#731ec5 rgb(115,30,197)
```
#8022db
```
#8022db rgb(128,34,219)
```
#8c36e0
```
#8c36e0 rgb(140,54,224)
```

Monochromatic Color

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

#411baf
```
#411baf rgb(65,27,175)
```
#4d1baf
```
#4d1baf rgb(77,27,175)
```
#5a1baf
```
#5a1baf rgb(90,27,175)
```
#661baf
```
#661baf rgb(102,27,175)
```
#721baf
```
#721baf rgb(114,27,175)
```
#7f1baf
```
#7f1baf rgb(127,27,175)
```
#8b1baf
```
#8b1baf rgb(139,27,175)
```

Similar Colors

Text with hexadecimal color #661baf

This text has a font color of #661baf.

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

#661baf background color

This paragraph has a background color of #661baf.

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

#661baf border color

This element has a border color of #661baf.

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

CSS codes

.text {color:#661baf;}

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

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

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

#030105
```
#030105 rgb(3,1,5)
```
#0d0316
```
#0d0316 rgb(13,3,22)
```
#170627
```
#170627 rgb(23,6,39)
```
#210938
```
#210938 rgb(33,9,56)
```
#2b0b49
```
#2b0b49 rgb(43,11,73)
```
#340e5a
```
#340e5a rgb(52,14,90)
```
#3e116b
```
#3e116b rgb(62,17,107)
```
#48137c
```
#48137c rgb(72,19,124)
```
#52168d
```
#52168d rgb(82,22,141)
```
#5c189e
```
#5c189e rgb(92,24,158)
```
#661baf
```
#661baf rgb(102,27,175)
```
#701ec0
```
#701ec0 rgb(112,30,192)
```
#7a20d1
```
#7a20d1 rgb(122,32,209)
```

Shade Color Variation

#8427de
```
#8427de rgb(132,39,222)
```
#8d38e0
```
#8d38e0 rgb(141,56,224)
```
#9749e3
```
#9749e3 rgb(151,73,227)
```
#a15ae6
```
#a15ae6 rgb(161,90,230)
```
#aa6be8
```
#aa6be8 rgb(170,107,232)
```
#b47ceb
```
#b47ceb rgb(180,124,235)
```
#be8ded
```
#be8ded rgb(190,141,237)
```
#c89ef0
```
#c89ef0 rgb(200,158,240)
```
#d1aff3
```
#d1aff3 rgb(209,175,243)
```
#dbc0f5
```
#dbc0f5 rgb(219,192,245)
```
#e5d1f8
```
#e5d1f8 rgb(229,209,248)
```
#eee2fb
```
#eee2fb rgb(238,226,251)
```
#f8f3fd
```
#f8f3fd rgb(248,243,253)
```

Tint Color Variation

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

#656169
```
#656169 rgb(101,97,105)
```
#655971
```
#655971 rgb(101,89,113)
```
#655179
```
#655179 rgb(101,81,121)
```
#654a80
```
#654a80 rgb(101,74,128)
```
#654288
```
#654288 rgb(101,66,136)
```
#663a90
```
#663a90 rgb(102,58,144)
```
#663298
```
#663298 rgb(102,50,152)
```
#662b9f
```
#662b9f rgb(102,43,159)
```
#6623a7
```
#6623a7 rgb(102,35,167)
```
#661baf
```
#661baf rgb(102,27,175)
```
#6613b7
```
#6613b7 rgb(102,19,183)
```
#660bbf
```
#660bbf rgb(102,11,191)
```
#6604c6
```
#6604c6 rgb(102,4,198)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#493a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005488 Deuteranopia 1% of men
#545157 Tritanopia 0.001% of the population

Trichromacy

#253ca3 Protanomaly 1% of men, 0.01% of women
#253f96 Deuteranomaly 6% of men, 0.4% of women
#5a3d77 Tritanomaly 0.01% of the population

#661baf hex color

#661baf Color Information

#661baf Color Conversion

Color Schemes with #661baf

Alternatives to #661baf

#661baf Preview

Shades and Tints of #661baf

Tones of #661baf

Color Blindness Simulator