#6b6ccc hex color

In a RGB color space, hex #6b6ccc is composed of 42% red, 42.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 47.1% magenta, 0% yellow and 20% black. It has a hue angle of 239.4 degrees, a saturation of 48.7% and a lightness of 61%. #6b6ccc color hex could be obtained by blending #d6d8ff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 42
- G 42
- B 80
RGB color chart
- C 48
- M 47
- Y 0
- K 20
CMYK color chart

● #6b6ccc color description : Slightly desaturated blue.

The hexadecimal color #6b6ccc has RGB values of R:107, G:108, B:204 and CMYK values of C:0.48, M:0.47, Y:0, K:0.2. Its decimal value is 7040204.

Hex triplet	6b6ccc	`#6b6ccc`
RGB Decimal	107, 108, 204	`rgb(107,108,204)`
RGB Percent	42, 42.4, 80	`rgb(42%,42.4%,80%)`
CMYK	48, 47, 0, 20
HSL	239.4°, 48.7, 61	`hsl(239.4,48.7%,61%)`
HSV (or HSB)	239.4°, 47.5, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.75, 25.086, -50.115
XYZ	22.323, 18.21, 59.462
xyY	0.223, 0.182, 18.21
CIE-LCH	49.75, 56.043, 296.591
CIE-LUV	49.75, -6.082, -79.21
Hunter-Lab	42.673, 18.698, -52.746
Binary	01101011, 01101100, 11001100

#6b6ccc
```
#6b6ccc rgb(107,108,204)
```
#cccb6b
```
#cccb6b rgb(204,203,107)
```

Complementary Color

#6b9dcc
```
#6b9dcc rgb(107,157,204)
```
#6b6ccc
```
#6b6ccc rgb(107,108,204)
```
#9b6bcc
```
#9b6bcc rgb(155,107,204)
```

Analogous Color

#9dcc6b
```
#9dcc6b rgb(157,204,107)
```
#6b6ccc
```
#6b6ccc rgb(107,108,204)
```
#cc9b6b
```
#cc9b6b rgb(204,155,107)
```

Split Complementary Color

#6ccc6b
```
#6ccc6b rgb(108,204,107)
```
#6b6ccc
```
#6b6ccc rgb(107,108,204)
```
#cc6b6c
```
#cc6b6c rgb(204,107,108)
```

Triadic Color

#6bcccb
```
#6bcccb rgb(107,204,203)
```
#6b6ccc
```
#6b6ccc rgb(107,108,204)
```
#cc6b6c
```
#cc6b6c rgb(204,107,108)
```
#cccb6b
```
#cccb6b rgb(204,203,107)
```

Tetradic Color

#3c3dae
```
#3c3dae rgb(60,61,174)
```
#4546bf
```
#4546bf rgb(69,70,191)
```
#5859c5
```
#5859c5 rgb(88,89,197)
```
#6b6ccc
```
#6b6ccc rgb(107,108,204)
```
#7e7fd3
```
#7e7fd3 rgb(126,127,211)
```
#9192d9
```
#9192d9 rgb(145,146,217)
```
#a4a5e0
```
#a4a5e0 rgb(164,165,224)
```

Monochromatic Color

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

#6b84cc
```
#6b84cc rgb(107,132,204)
```
#6b7ccc
```
#6b7ccc rgb(107,124,204)
```
#6b74cc
```
#6b74cc rgb(107,116,204)
```
#6b6ccc
```
#6b6ccc rgb(107,108,204)
```
#726bcc
```
#726bcc rgb(114,107,204)
```
#7a6bcc
```
#7a6bcc rgb(122,107,204)
```
#826bcc
```
#826bcc rgb(130,107,204)
```

Similar Colors

Text with hexadecimal color #6b6ccc

This text has a font color of #6b6ccc.

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

#6b6ccc background color

This paragraph has a background color of #6b6ccc.

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

#6b6ccc border color

This element has a border color of #6b6ccc.

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

CSS codes

.text {color:#6b6ccc;}

.background {background-color:#6b6ccc;}

.border {border:1px solid #6b6ccc;}

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, #04040c is the darkest color, while #fdfdfe is the lightest one.

#04040c
```
#04040c rgb(4,4,12)
```
#090a1b
```
#090a1b rgb(9,10,27)
```
#0e0f2a
```
#0e0f2a rgb(14,15,42)
```
#131438
```
#131438 rgb(19,20,56)
```
#181947
```
#181947 rgb(24,25,71)
```
#1d1e55
```
#1d1e55 rgb(29,30,85)
```
#222364
```
#222364 rgb(34,35,100)
```
#272873
```
#272873 rgb(39,40,115)
```
#2d2d81
```
#2d2d81 rgb(45,45,129)
```
#323390
```
#323390 rgb(50,51,144)
```
#37389e
```
#37389e rgb(55,56,158)
```
#3c3dad
```
#3c3dad rgb(60,61,173)
```
#4142bc
```
#4142bc rgb(65,66,188)
```

Shade Color Variation

#4e4fc2
```
#4e4fc2 rgb(78,79,194)
```
#5c5ec7
```
#5c5ec7 rgb(92,94,199)
```
#6b6ccc
```
#6b6ccc rgb(107,108,204)
```
#7a7ad1
```
#7a7ad1 rgb(122,122,209)
```
#8889d6
```
#8889d6 rgb(136,137,214)
```
#9797db
```
#9797db rgb(151,151,219)
```
#a5a6e0
```
#a5a6e0 rgb(165,166,224)
```
#b4b4e5
```
#b4b4e5 rgb(180,180,229)
```
#c3c3ea
```
#c3c3ea rgb(195,195,234)
```
#d1d1ef
```
#d1d1ef rgb(209,209,239)
```
#e0e0f4
```
#e0e0f4 rgb(224,224,244)
```
#eeeef9
```
#eeeef9 rgb(238,238,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99999e is the less saturated color, while #3d3ffa is the most saturated one.

#99999e
```
#99999e rgb(153,153,158)
```
#9191a6
```
#9191a6 rgb(145,145,166)
```
#8a8aad
```
#8a8aad rgb(138,138,173)
```
#8282b5
```
#8282b5 rgb(130,130,181)
```
#7a7bbd
```
#7a7bbd rgb(122,123,189)
```
#7373c4
```
#7373c4 rgb(115,115,196)
```
#6b6ccc
```
#6b6ccc rgb(107,108,204)
```
#6365d4
```
#6365d4 rgb(99,101,212)
```
#5c5ddb
```
#5c5ddb rgb(92,93,219)
```
#5456e3
```
#5456e3 rgb(84,86,227)
```
#4c4eeb
```
#4c4eeb rgb(76,78,235)
```
#4547f2
```
#4547f2 rgb(69,71,242)
```
#3d3ffa
```
#3d3ffa rgb(61,63,250)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#757588 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e7ad4 Protanopia 1% of men
#3f7eca Deuteranopia 1% of men
#5a838d Tritanopia 0.001% of the population

Trichromacy

#5875d1 Protanomaly 1% of men, 0.01% of women
#4f77ca Deuteranomaly 6% of men, 0.4% of women
#607ba4 Tritanomaly 0.01% of the population

#6b6ccc hex color

#6b6ccc Color Information

#6b6ccc Color Conversion

Color Schemes with #6b6ccc

Alternatives to #6b6ccc

#6b6ccc Preview

Shades and Tints of #6b6ccc

Tones of #6b6ccc

Color Blindness Simulator