#310166 hex color

In a RGB color space, hex #310166 is composed of 19.2% red, 0.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 99% magenta, 0% yellow and 60% black. It has a hue angle of 268.5 degrees, a saturation of 98.1% and a lightness of 20.2%. #310166 color hex could be obtained by blending #6202cc with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 0
- B 40
RGB color chart
- C 52
- M 99
- Y 0
- K 60
CMYK color chart

● #310166 color description : Very dark violet.

The hexadecimal color #310166 has RGB values of R:49, G:1, B:102 and CMYK values of C:0.52, M:0.99, Y:0, K:0.6. Its decimal value is 3211622.

Hex triplet	310166	`#310166`
RGB Decimal	49, 1, 102	`rgb(49,1,102)`
RGB Percent	19.2, 0.4, 40	`rgb(19.2%,0.4%,40%)`
CMYK	52, 99, 0, 60
HSL	268.5°, 98.1, 20.2	`hsl(268.5,98.1%,20.2%)`
HSV (or HSB)	268.5°, 99, 40
Web Safe	330066	`#330066`

CIE-LAB	13.436, 42.202, -46.946
XYZ	3.675, 1.634, 12.691
xyY	0.204, 0.091, 1.634
CIE-LCH	13.436, 63.126, 311.954
CIE-LUV	13.436, 4.198, -43.036
Hunter-Lab	12.783, 28.954, -49.919
Binary	00110001, 00000001, 01100110

#310166
```
#310166 rgb(49,1,102)
```
#366601
```
#366601 rgb(54,102,1)
```

Complementary Color

#010466
```
#010466 rgb(1,4,102)
```
#310166
```
#310166 rgb(49,1,102)
```
#640166
```
#640166 rgb(100,1,102)
```

Analogous Color

#046601
```
#046601 rgb(4,102,1)
```
#310166
```
#310166 rgb(49,1,102)
```
#666401
```
#666401 rgb(102,100,1)
```

Split Complementary Color

#016631
```
#016631 rgb(1,102,49)
```
#310166
```
#310166 rgb(49,1,102)
```
#663101
```
#663101 rgb(102,49,1)
```

Triadic Color

#013666
```
#013666 rgb(1,54,102)
```
#310166
```
#310166 rgb(49,1,102)
```
#663101
```
#663101 rgb(102,49,1)
```
#366601
```
#366601 rgb(54,102,1)
```

Tetradic Color

#0d001a
```
#0d001a rgb(13,0,26)
```
#190133
```
#190133 rgb(25,1,51)
```
#25014d
```
#25014d rgb(37,1,77)
```
#310166
```
#310166 rgb(49,1,102)
```
#3d017f
```
#3d017f rgb(61,1,127)
```
#490199
```
#490199 rgb(73,1,153)
```
#5502b2
```
#5502b2 rgb(85,2,178)
```

Monochromatic Color

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

#180166
```
#180166 rgb(24,1,102)
```
#200166
```
#200166 rgb(32,1,102)
```
#290166
```
#290166 rgb(41,1,102)
```
#310166
```
#310166 rgb(49,1,102)
```
#390166
```
#390166 rgb(57,1,102)
```
#420166
```
#420166 rgb(66,1,102)
```
#4a0166
```
#4a0166 rgb(74,1,102)
```

Similar Colors

Text with hexadecimal color #310166

This text has a font color of #310166.

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

#310166 background color

This paragraph has a background color of #310166.

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

#310166 border color

This element has a border color of #310166.

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

CSS codes

.text {color:#310166;}

.background {background-color:#310166;}

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

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

#020005
```
#020005 rgb(2,0,5)
```
#0c0018
```
#0c0018 rgb(12,0,24)
```
#15002c
```
#15002c rgb(21,0,44)
```
#1e013f
```
#1e013f rgb(30,1,63)
```
#280153
```
#280153 rgb(40,1,83)
```
#310166
```
#310166 rgb(49,1,102)
```
#3a0179
```
#3a0179 rgb(58,1,121)
```
#44018d
```
#44018d rgb(68,1,141)
```
#4d02a0
```
#4d02a0 rgb(77,2,160)
```
#5602b4
```
#5602b4 rgb(86,2,180)
```
#6002c7
```
#6002c7 rgb(96,2,199)
```
#6902db
```
#6902db rgb(105,2,219)
```
#7202ee
```
#7202ee rgb(114,2,238)
```

Shade Color Variation

#7c07fd
```
#7c07fd rgb(124,7,253)
```
#861bfd
```
#861bfd rgb(134,27,253)
```
#902efd
```
#902efd rgb(144,46,253)
```
#9b42fd
```
#9b42fd rgb(155,66,253)
```
#a555fd
```
#a555fd rgb(165,85,253)
```
#af68fe
```
#af68fe rgb(175,104,254)
```
#ba7cfe
```
#ba7cfe rgb(186,124,254)
```
#c48ffe
```
#c48ffe rgb(196,143,254)
```
#cea3fe
```
#cea3fe rgb(206,163,254)
```
#d8b6fe
```
#d8b6fe rgb(216,182,254)
```
#e3cafe
```
#e3cafe rgb(227,202,254)
```
#edddff
```
#edddff rgb(237,221,255)
```
#f7f0ff
```
#f7f0ff rgb(247,240,255)
```

Tint Color Variation

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

#333136
```
#333136 rgb(51,49,54)
```
#332d3a
```
#332d3a rgb(51,45,58)
```
#33293e
```
#33293e rgb(51,41,62)
```
#332542
```
#332542 rgb(51,37,66)
```
#332146
```
#332146 rgb(51,33,70)
```
#321d4a
```
#321d4a rgb(50,29,74)
```
#32194e
```
#32194e rgb(50,25,78)
```
#321552
```
#321552 rgb(50,21,82)
```
#321156
```
#321156 rgb(50,17,86)
```
#320d5a
```
#320d5a rgb(50,13,90)
```
#31095e
```
#31095e rgb(49,9,94)
```
#310562
```
#310562 rgb(49,5,98)
```
#310166
```
#310166 rgb(49,1,102)
```

Tone Color Variation

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

#1b1b1b Achromatopsia 0.005% of the population
#1f162a Atypical Achromatopsia 0.001% of the population

Dichromacy

#002c56 Protanopia 1% of men
#002f4b Deuteranopia 1% of men
#262f32 Tritanopia 0.001% of the population

Trichromacy

#111c5c Protanomaly 1% of men, 0.01% of women
#111e55 Deuteranomaly 6% of men, 0.4% of women
#2a1e45 Tritanomaly 0.01% of the population

#310166 hex color

#310166 Color Information

#310166 Color Conversion

Color Schemes with #310166

Alternatives to #310166

#310166 Preview

Shades and Tints of #310166

Tones of #310166

Color Blindness Simulator