#301886 hex color

In a RGB color space, hex #301886 is composed of 18.8% red, 9.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 82.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 253.1 degrees, a saturation of 69.6% and a lightness of 31%. #301886 color hex could be obtained by blending #6030ff with #00000d. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 9
- B 53
RGB color chart
- C 64
- M 82
- Y 0
- K 47
CMYK color chart

● #301886 color description : Dark blue.

The hexadecimal color #301886 has RGB values of R:48, G:24, B:134 and CMYK values of C:0.64, M:0.82, Y:0, K:0.47. Its decimal value is 3152006.

Hex triplet	301886	`#301886`
RGB Decimal	48, 24, 134	`rgb(48,24,134)`
RGB Percent	18.8, 9.4, 52.5	`rgb(18.8%,9.4%,52.5%)`
CMYK	64, 82, 0, 47
HSL	253.1°, 69.6, 31	`hsl(253.1,69.6%,31%)`
HSV (or HSB)	253.1°, 82.1, 52.5
Web Safe	330099	`#330099`

CIE-LAB	20.055, 41.981, -56.644
XYZ	5.848, 3.003, 22.824
xyY	0.185, 0.095, 3.003
CIE-LCH	20.055, 70.505, 306.543
CIE-LUV	20.055, -0.487, -63.074
Hunter-Lab	17.328, 29.915, -65.966
Binary	00110000, 00011000, 10000110

#301886
```
#301886 rgb(48,24,134)
```
#6e8618
```
#6e8618 rgb(110,134,24)
```

Complementary Color

#183786
```
#183786 rgb(24,55,134)
```
#301886
```
#301886 rgb(48,24,134)
```
#671886
```
#671886 rgb(103,24,134)
```

Analogous Color

#378618
```
#378618 rgb(55,134,24)
```
#301886
```
#301886 rgb(48,24,134)
```
#866718
```
#866718 rgb(134,103,24)
```

Split Complementary Color

#188630
```
#188630 rgb(24,134,48)
```
#301886
```
#301886 rgb(48,24,134)
```
#863018
```
#863018 rgb(134,48,24)
```

Triadic Color

#186e86
```
#186e86 rgb(24,110,134)
```
#301886
```
#301886 rgb(48,24,134)
```
#863018
```
#863018 rgb(134,48,24)
```
#6e8618
```
#6e8618 rgb(110,134,24)
```

Tetradic Color

#190c45
```
#190c45 rgb(25,12,69)
```
#21105b
```
#21105b rgb(33,16,91)
```
#281470
```
#281470 rgb(40,20,112)
```
#301886
```
#301886 rgb(48,24,134)
```
#381c9c
```
#381c9c rgb(56,28,156)
```
#3f20b1
```
#3f20b1 rgb(63,32,177)
```
#4724c7
```
#4724c7 rgb(71,36,199)
```

Monochromatic Color

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

#181c86
```
#181c86 rgb(24,28,134)
```
#1e1886
```
#1e1886 rgb(30,24,134)
```
#271886
```
#271886 rgb(39,24,134)
```
#301886
```
#301886 rgb(48,24,134)
```
#391886
```
#391886 rgb(57,24,134)
```
#421886
```
#421886 rgb(66,24,134)
```
#4c1886
```
#4c1886 rgb(76,24,134)
```

Similar Colors

Text with hexadecimal color #301886

This text has a font color of #301886.

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

#301886 background color

This paragraph has a background color of #301886.

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

#301886 border color

This element has a border color of #301886.

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

CSS codes

.text {color:#301886;}

.background {background-color:#301886;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#060312
```
#060312 rgb(6,3,18)
```
#0c0622
```
#0c0622 rgb(12,6,34)
```
#120933
```
#120933 rgb(18,9,51)
```
#180c43
```
#180c43 rgb(24,12,67)
```
#1e0f54
```
#1e0f54 rgb(30,15,84)
```
#241265
```
#241265 rgb(36,18,101)
```
#2a1575
```
#2a1575 rgb(42,21,117)
```
#301886
```
#301886 rgb(48,24,134)
```
#361b97
```
#361b97 rgb(54,27,151)
```
#3c1ea7
```
#3c1ea7 rgb(60,30,167)
```
#4221b8
```
#4221b8 rgb(66,33,184)
```
#4824c9
```
#4824c9 rgb(72,36,201)
```

Shade Color Variation

#4e28d8
```
#4e28d8 rgb(78,40,216)
```
#5c38db
```
#5c38db rgb(92,56,219)
```
#6a49de
```
#6a49de rgb(106,73,222)
```
#775ae1
```
#775ae1 rgb(119,90,225)
```
#856ae4
```
#856ae4 rgb(133,106,228)
```
#927be7
```
#927be7 rgb(146,123,231)
```
#a08bea
```
#a08bea rgb(160,139,234)
```
#ae9ced
```
#ae9ced rgb(174,156,237)
```
#bbadf0
```
#bbadf0 rgb(187,173,240)
```
#c9bdf3
```
#c9bdf3 rgb(201,189,243)
```
#d7cef6
```
#d7cef6 rgb(215,206,246)
```
#e4dff9
```
#e4dff9 rgb(228,223,249)
```
#f2effc
```
#f2effc rgb(242,239,252)
```

Tint Color Variation

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

#4f4f4f
```
#4f4f4f rgb(79,79,79)
```
#4b4955
```
#4b4955 rgb(75,73,85)
```
#48435b
```
#48435b rgb(72,67,91)
```
#453c62
```
#453c62 rgb(69,60,98)
```
#413668
```
#413668 rgb(65,54,104)
```
#3e306e
```
#3e306e rgb(62,48,110)
```
#3a2a74
```
#3a2a74 rgb(58,42,116)
```
#37247a
```
#37247a rgb(55,36,122)
```
#331e80
```
#331e80 rgb(51,30,128)
```
#301886
```
#301886 rgb(48,24,134)
```
#2d128c
```
#2d128c rgb(45,18,140)
```
#290c92
```
#290c92 rgb(41,12,146)
```
#260698
```
#260698 rgb(38,6,152)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2d283e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00396f Protanopia 1% of men
#003c61 Deuteranopia 1% of men
#004045 Tritanopia 0.001% of the population

Trichromacy

#112d77 Protanomaly 1% of men, 0.01% of women
#112f6e Deuteranomaly 6% of men, 0.4% of women
#11325c Tritanomaly 0.01% of the population

#301886 hex color

#301886 Color Information

#301886 Color Conversion

Color Schemes with #301886

Alternatives to #301886

#301886 Preview

Shades and Tints of #301886

Tones of #301886

Color Blindness Simulator