#682bbb hex color

In a RGB color space, hex #682bbb is composed of 40.8% red, 16.9% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 77% magenta, 0% yellow and 26.7% black. It has a hue angle of 265.4 degrees, a saturation of 62.6% and a lightness of 45.1%. #682bbb color hex could be obtained by blending #d056ff with #000077. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 17
- B 73
RGB color chart
- C 44
- M 77
- Y 0
- K 27
CMYK color chart

● #682bbb color description : Strong violet.

The hexadecimal color #682bbb has RGB values of R:104, G:43, B:187 and CMYK values of C:0.44, M:0.77, Y:0, K:0.27. Its decimal value is 6826939.

Hex triplet	682bbb	`#682bbb`
RGB Decimal	104, 43, 187	`rgb(104,43,187)`
RGB Percent	40.8, 16.9, 73.3	`rgb(40.8%,16.9%,73.3%)`
CMYK	44, 77, 0, 27
HSL	265.4°, 62.6, 45.1	`hsl(265.4,62.6%,45.1%)`
HSV (or HSB)	265.4°, 77, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.516, 55.671, -64.892
XYZ	15.541, 8.259, 47.786
xyY	0.217, 0.115, 8.259
CIE-LCH	34.516, 85.5, 310.626
CIE-LUV	34.516, 9.868, -92.204
Hunter-Lab	28.738, 46.239, -78.473
Binary	01101000, 00101011, 10111011

#682bbb
```
#682bbb rgb(104,43,187)
```
#7ebb2b
```
#7ebb2b rgb(126,187,43)
```

Complementary Color

#2b36bb
```
#2b36bb rgb(43,54,187)
```
#682bbb
```
#682bbb rgb(104,43,187)
```
#b02bbb
```
#b02bbb rgb(176,43,187)
```

Analogous Color

#36bb2b
```
#36bb2b rgb(54,187,43)
```
#682bbb
```
#682bbb rgb(104,43,187)
```
#bbb02b
```
#bbb02b rgb(187,176,43)
```

Split Complementary Color

#2bbb68
```
#2bbb68 rgb(43,187,104)
```
#682bbb
```
#682bbb rgb(104,43,187)
```
#bb682b
```
#bb682b rgb(187,104,43)
```

Triadic Color

#2b7ebb
```
#2b7ebb rgb(43,126,187)
```
#682bbb
```
#682bbb rgb(104,43,187)
```
#bb682b
```
#bb682b rgb(187,104,43)
```
#7ebb2b
```
#7ebb2b rgb(126,187,43)
```

Tetradic Color

#451d7d
```
#451d7d rgb(69,29,125)
```
#512192
```
#512192 rgb(81,33,146)
```
#5c26a6
```
#5c26a6 rgb(92,38,166)
```
#682bbb
```
#682bbb rgb(104,43,187)
```
#7430cf
```
#7430cf rgb(116,48,207)
```
#8245d4
```
#8245d4 rgb(130,69,212)
```
#905ad9
```
#905ad9 rgb(144,90,217)
```

Monochromatic Color

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

#442bbb
```
#442bbb rgb(68,43,187)
```
#502bbb
```
#502bbb rgb(80,43,187)
```
#5c2bbb
```
#5c2bbb rgb(92,43,187)
```
#682bbb
```
#682bbb rgb(104,43,187)
```
#742bbb
```
#742bbb rgb(116,43,187)
```
#802bbb
```
#802bbb rgb(128,43,187)
```
#8c2bbb
```
#8c2bbb rgb(140,43,187)
```

Similar Colors

Text with hexadecimal color #682bbb

This text has a font color of #682bbb.

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

#682bbb background color

This paragraph has a background color of #682bbb.

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

#682bbb border color

This element has a border color of #682bbb.

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

CSS codes

.text {color:#682bbb;}

.background {background-color:#682bbb;}

.border {border:1px solid #682bbb;}

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

#06030c
```
#06030c rgb(6,3,12)
```
#0f061c
```
#0f061c rgb(15,6,28)
```
#180a2b
```
#180a2b rgb(24,10,43)
```
#210e3b
```
#210e3b rgb(33,14,59)
```
#2a114b
```
#2a114b rgb(42,17,75)
```
#33155b
```
#33155b rgb(51,21,91)
```
#3c196b
```
#3c196b rgb(60,25,107)
```
#451c7b
```
#451c7b rgb(69,28,123)
```
#4d208b
```
#4d208b rgb(77,32,139)
```
#56249b
```
#56249b rgb(86,36,155)
```
#5f27ab
```
#5f27ab rgb(95,39,171)
```
#682bbb
```
#682bbb rgb(104,43,187)
```
#712fcb
```
#712fcb rgb(113,47,203)
```

Shade Color Variation

#7b3bd2
```
#7b3bd2 rgb(123,59,210)
```
#864bd6
```
#864bd6 rgb(134,75,214)
```
#915bd9
```
#915bd9 rgb(145,91,217)
```
#9b6bdd
```
#9b6bdd rgb(155,107,221)
```
#a67be1
```
#a67be1 rgb(166,123,225)
```
#b18be4
```
#b18be4 rgb(177,139,228)
```
#bc9be8
```
#bc9be8 rgb(188,155,232)
```
#c6abec
```
#c6abec rgb(198,171,236)
```
#d1bbef
```
#d1bbef rgb(209,187,239)
```
#dccbf3
```
#dccbf3 rgb(220,203,243)
```
#e7dbf7
```
#e7dbf7 rgb(231,219,247)
```
#f1ebfa
```
#f1ebfa rgb(241,235,250)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#737274
```
#737274 rgb(115,114,116)
```
#71697d
```
#71697d rgb(113,105,125)
```
#706086
```
#706086 rgb(112,96,134)
```
#6f578f
```
#6f578f rgb(111,87,143)
```
#6d4e98
```
#6d4e98 rgb(109,78,152)
```
#6c46a0
```
#6c46a0 rgb(108,70,160)
```
#6b3da9
```
#6b3da9 rgb(107,61,169)
```
#6934b2
```
#6934b2 rgb(105,52,178)
```
#682bbb
```
#682bbb rgb(104,43,187)
```
#6722c4
```
#6722c4 rgb(103,34,196)
```
#6519cd
```
#6519cd rgb(101,25,205)
```
#6410d6
```
#6410d6 rgb(100,16,214)
```
#6308de
```
#6308de rgb(99,8,222)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#534764 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c95 Deuteranopia 1% of men
#535b61 Tritanopia 0.001% of the population

Trichromacy

#2547b0 Protanomaly 1% of men, 0.01% of women
#254aa3 Deuteranomaly 6% of men, 0.4% of women
#5a4982 Tritanomaly 0.01% of the population

#682bbb hex color

#682bbb Color Information

#682bbb Color Conversion

Color Schemes with #682bbb

Alternatives to #682bbb

#682bbb Preview

Shades and Tints of #682bbb

Tones of #682bbb

Color Blindness Simulator