#300ba1 hex color

In a RGB color space, hex #300ba1 is composed of 18.8% red, 4.3% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 93.2% magenta, 0% yellow and 36.9% black. It has a hue angle of 254.8 degrees, a saturation of 87.2% and a lightness of 33.7%. #300ba1 color hex could be obtained by blending #6016ff with #000043. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 4
- B 63
RGB color chart
- C 70
- M 93
- Y 0
- K 37
CMYK color chart

● #300ba1 color description : Dark blue.

The hexadecimal color #300ba1 has RGB values of R:48, G:11, B:161 and CMYK values of C:0.7, M:0.93, Y:0, K:0.37. Its decimal value is 3148705.

Hex triplet	300ba1	`#300ba1`
RGB Decimal	48, 11, 161	`rgb(48,11,161)`
RGB Percent	18.8, 4.3, 63.1	`rgb(18.8%,4.3%,63.1%)`
CMYK	70, 93, 0, 37
HSL	254.8°, 87.2, 33.7	`hsl(254.8,87.2%,33.7%)`
HSV (or HSB)	254.8°, 93.2, 63.1
Web Safe	330099	`#330099`

CIE-LAB	21.728, 54.384, -70.599
XYZ	7.77, 3.441, 33.971
xyY	0.172, 0.076, 3.441
CIE-LCH	21.728, 89.117, 307.608
CIE-LUV	21.728, -1.451, -78.061
Hunter-Lab	18.549, 42.316, -95.602
Binary	00110000, 00001011, 10100001

#300ba1
```
#300ba1 rgb(48,11,161)
```
#7ca10b
```
#7ca10b rgb(124,161,11)
```

Complementary Color

#0b31a1
```
#0b31a1 rgb(11,49,161)
```
#300ba1
```
#300ba1 rgb(48,11,161)
```
#7b0ba1
```
#7b0ba1 rgb(123,11,161)
```

Analogous Color

#31a10b
```
#31a10b rgb(49,161,11)
```
#300ba1
```
#300ba1 rgb(48,11,161)
```
#a17b0b
```
#a17b0b rgb(161,123,11)
```

Split Complementary Color

#0ba130
```
#0ba130 rgb(11,161,48)
```
#300ba1
```
#300ba1 rgb(48,11,161)
```
#a1300b
```
#a1300b rgb(161,48,11)
```

Triadic Color

#0b7ca1
```
#0b7ca1 rgb(11,124,161)
```
#300ba1
```
#300ba1 rgb(48,11,161)
```
#a1300b
```
#a1300b rgb(161,48,11)
```
#7ca10b
```
#7ca10b rgb(124,161,11)
```

Tetradic Color

#1b0659
```
#1b0659 rgb(27,6,89)
```
#220871
```
#220871 rgb(34,8,113)
```
#290989
```
#290989 rgb(41,9,137)
```
#300ba1
```
#300ba1 rgb(48,11,161)
```
#370db9
```
#370db9 rgb(55,13,185)
```
#3e0ed1
```
#3e0ed1 rgb(62,14,209)
```
#4510e9
```
#4510e9 rgb(69,16,233)
```

Monochromatic Color

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

#0b0ca1
```
#0b0ca1 rgb(11,12,161)
```
#170ba1
```
#170ba1 rgb(23,11,161)
```
#240ba1
```
#240ba1 rgb(36,11,161)
```
#300ba1
```
#300ba1 rgb(48,11,161)
```
#3c0ba1
```
#3c0ba1 rgb(60,11,161)
```
#490ba1
```
#490ba1 rgb(73,11,161)
```
#550ba1
```
#550ba1 rgb(85,11,161)
```

Similar Colors

Text with hexadecimal color #300ba1

This text has a font color of #300ba1.

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

#300ba1 background color

This paragraph has a background color of #300ba1.

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

#300ba1 border color

This element has a border color of #300ba1.

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

CSS codes

.text {color:#300ba1;}

.background {background-color:#300ba1;}

.border {border:1px solid #300ba1;}

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, #04010e is the darkest color, while #fcfbff is the lightest one.

#04010e
```
#04010e rgb(4,1,14)
```
#0a0220
```
#0a0220 rgb(10,2,32)
```
#0f0333
```
#0f0333 rgb(15,3,51)
```
#150545
```
#150545 rgb(21,5,69)
```
#1a0658
```
#1a0658 rgb(26,6,88)
```
#20076a
```
#20076a rgb(32,7,106)
```
#25087c
```
#25087c rgb(37,8,124)
```
#2b0a8f
```
#2b0a8f rgb(43,10,143)
```
#300ba1
```
#300ba1 rgb(48,11,161)
```
#350cb3
```
#350cb3 rgb(53,12,179)
```
#3b0ec6
```
#3b0ec6 rgb(59,14,198)
```
#400fd8
```
#400fd8 rgb(64,15,216)
```
#4610ea
```
#4610ea rgb(70,16,234)
```

Shade Color Variation

#521ef0
```
#521ef0 rgb(82,30,240)
```
#6031f1
```
#6031f1 rgb(96,49,241)
```
#6e43f2
```
#6e43f2 rgb(110,67,242)
```
#7c56f3
```
#7c56f3 rgb(124,86,243)
```
#8b68f5
```
#8b68f5 rgb(139,104,245)
```
#997af6
```
#997af6 rgb(153,122,246)
```
#a78df7
```
#a78df7 rgb(167,141,247)
```
#b59ff8
```
#b59ff8 rgb(181,159,248)
```
#c3b1fa
```
#c3b1fa rgb(195,177,250)
```
#d1c4fb
```
#d1c4fb rgb(209,196,251)
```
#dfd6fc
```
#dfd6fc rgb(223,214,252)
```
#eee8fd
```
#eee8fd rgb(238,232,253)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#555458
```
#555458 rgb(85,84,88)
```
#524d5f
```
#524d5f rgb(82,77,95)
```
#4e4765
```
#4e4765 rgb(78,71,101)
```
#4b406c
```
#4b406c rgb(75,64,108)
```
#473973
```
#473973 rgb(71,57,115)
```
#443379
```
#443379 rgb(68,51,121)
```
#412c80
```
#412c80 rgb(65,44,128)
```
#3d2587
```
#3d2587 rgb(61,37,135)
```
#3a1f8d
```
#3a1f8d rgb(58,31,141)
```
#371894
```
#371894 rgb(55,24,148)
```
#33129a
```
#33129a rgb(51,18,154)
```
#300ba1
```
#300ba1 rgb(48,11,161)
```
#2d04a8
```
#2d04a8 rgb(45,4,168)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#29213f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c76 Protanopia 1% of men
#004066 Deuteranopia 1% of men
#004448 Tritanopia 0.001% of the population

Trichromacy

#112a85 Protanomaly 1% of men, 0.01% of women
#112d7b Deuteranomaly 6% of men, 0.4% of women
#112f68 Tritanomaly 0.01% of the population

#300ba1 hex color

#300ba1 Color Information

#300ba1 Color Conversion

Color Schemes with #300ba1

Alternatives to #300ba1

#300ba1 Preview

Shades and Tints of #300ba1

Tones of #300ba1

Color Blindness Simulator