colorhexa.com

#30166f hex color

In a RGB color space, hex #30166f is composed of 18.8% red, 8.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 80.2% magenta, 0% yellow and 56.5% black. It has a hue angle of 257.5 degrees, a saturation of 66.9% and a lightness of 26.1%. #30166f color hex could be obtained by blending #602cde with #000000. Closest websafe color is: #330066.

- R 19
- G 9
- B 44
RGB color chart
- C 57
- M 80
- Y 0
- K 56
CMYK color chart

● #30166f color description : Very dark violet.

The hexadecimal color #30166f has RGB values of R:48, G:22, B:111 and CMYK values of C:0.57, M:0.8, Y:0, K:0.56. Its decimal value is 3151471.

Hex triplet	30166f	`#30166f`
RGB Decimal	48, 22, 111	`rgb(48,22,111)`
RGB Percent	18.8, 8.6, 43.5	`rgb(18.8%,8.6%,43.5%)`
CMYK	57, 80, 0, 56
HSL	257.5°, 66.9, 26.1	`hsl(257.5,66.9%,26.1%)`
HSV (or HSB)	257.5°, 80.2, 43.5
Web Safe	330066	`#330066`

CIE-LAB	17.225, 35.973, -46.605
XYZ	4.375, 2.35, 15.261
xyY	0.199, 0.107, 2.35
CIE-LCH	17.225, 58.873, 307.664
CIE-LUV	17.225, 1.578, -49.424
Hunter-Lab	15.329, 24.114, -48.297
Binary	00110000, 00010110, 01101111

#30166f
```
#30166f rgb(48,22,111)
```
#556f16
```
#556f16 rgb(85,111,22)
```

Complementary Color

#16296f
```
#16296f rgb(22,41,111)
```
#30166f
```
#30166f rgb(48,22,111)
```
#5c166f
```
#5c166f rgb(92,22,111)
```

Analogous Color

#296f16
```
#296f16 rgb(41,111,22)
```
#30166f
```
#30166f rgb(48,22,111)
```
#6f5c16
```
#6f5c16 rgb(111,92,22)
```

Split Complementary Color

#166f30
```
#166f30 rgb(22,111,48)
```
#30166f
```
#30166f rgb(48,22,111)
```
#6f3016
```
#6f3016 rgb(111,48,22)
```

Triadic Color

#14092f
```
#14092f rgb(20,9,47)
```
#1e0e44
```
#1e0e44 rgb(30,14,68)
```
#27125a
```
#27125a rgb(39,18,90)
```
#30166f
```
#30166f rgb(48,22,111)
```
#391a84
```
#391a84 rgb(57,26,132)
```
#421e9a
```
#421e9a rgb(66,30,154)
```
#4c23af
```
#4c23af rgb(76,35,175)
```

Monochromatic Color

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

#1a166f
```
#1a166f rgb(26,22,111)
```
#21166f
```
#21166f rgb(33,22,111)
```
#29166f
```
#29166f rgb(41,22,111)
```
#30166f
```
#30166f rgb(48,22,111)
```
#37166f
```
#37166f rgb(55,22,111)
```
#3f166f
```
#3f166f rgb(63,22,111)
```
#46166f
```
#46166f rgb(70,22,111)
```

Similar Colors

Text with hexadecimal color #30166f

This text has a font color of #30166f.

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

#30166f background color

This paragraph has a background color of #30166f.

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

#30166f border color

This element has a border color of #30166f.

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

CSS codes

.text {color:#30166f;}

.background {background-color:#30166f;}

.border {border:1px solid #30166f;}

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

#06030d
```
#06030d rgb(6,3,13)
```
#0d061d
```
#0d061d rgb(13,6,29)
```
#14092e
```
#14092e rgb(20,9,46)
```
#1b0c3e
```
#1b0c3e rgb(27,12,62)
```
#22104e
```
#22104e rgb(34,16,78)
```
#29135f
```
#29135f rgb(41,19,95)
```
#30166f
```
#30166f rgb(48,22,111)
```
#37197f
```
#37197f rgb(55,25,127)
```
#3e1c90
```
#3e1c90 rgb(62,28,144)
```
#4520a0
```
#4520a0 rgb(69,32,160)
```
#4c23b0
```
#4c23b0 rgb(76,35,176)
```
#5326c1
```
#5326c1 rgb(83,38,193)
```
#5a29d1
```
#5a29d1 rgb(90,41,209)
```

Shade Color Variation

#6637d7
```
#6637d7 rgb(102,55,215)
```
#7247db
```
#7247db rgb(114,71,219)
```
#7f58de
```
#7f58de rgb(127,88,222)
```
#8b68e1
```
#8b68e1 rgb(139,104,225)
```
#9878e4
```
#9878e4 rgb(152,120,228)
```
#a489e8
```
#a489e8 rgb(164,137,232)
```
#b199eb
```
#b199eb rgb(177,153,235)
```
#beaaee
```
#beaaee rgb(190,170,238)
```
#cabaf1
```
#cabaf1 rgb(202,186,241)
```
#d7caf5
```
#d7caf5 rgb(215,202,245)
```
#e3dbf8
```
#e3dbf8 rgb(227,219,248)
```
#f0ebfb
```
#f0ebfb rgb(240,235,251)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#413f46
```
#413f46 rgb(65,63,70)
```
#3f3a4b
```
#3f3a4b rgb(63,58,75)
```
#3d3550
```
#3d3550 rgb(61,53,80)
```
#3b3055
```
#3b3055 rgb(59,48,85)
```
#392a5b
```
#392a5b rgb(57,42,91)
```
#362560
```
#362560 rgb(54,37,96)
```
#342065
```
#342065 rgb(52,32,101)
```
#321b6a
```
#321b6a rgb(50,27,106)
```
#30166f
```
#30166f rgb(48,22,111)
```
#2e1174
```
#2e1174 rgb(46,17,116)
```
#2c0c79
```
#2c0c79 rgb(44,12,121)
```
#2a077e
```
#2a077e rgb(42,7,126)
```
#270283
```
#270283 rgb(39,2,131)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#2a2436 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003364 Protanopia 1% of men
#003658 Deuteranopia 1% of men
#20383d Tritanopia 0.001% of the population

Trichromacy

#112968 Protanomaly 1% of men, 0.01% of women
#112a60 Deuteranomaly 6% of men, 0.4% of women
#262c4f Tritanomaly 0.01% of the population