#300aaa hex color

In a RGB color space, hex #300aaa is composed of 18.8% red, 3.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 94.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 254.3 degrees, a saturation of 88.9% and a lightness of 35.3%. #300aaa color hex could be obtained by blending #6014ff with #000055. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 4
- B 67
RGB color chart
- C 72
- M 94
- Y 0
- K 33
CMYK color chart

● #300aaa color description : Dark blue.

The hexadecimal color #300aaa has RGB values of R:48, G:10, B:170 and CMYK values of C:0.72, M:0.94, Y:0, K:0.33. Its decimal value is 3148458.

Hex triplet	300aaa	`#300aaa`
RGB Decimal	48, 10, 170	`rgb(48,10,170)`
RGB Percent	18.8, 3.9, 66.7	`rgb(18.8%,3.9%,66.7%)`
CMYK	72, 94, 0, 33
HSL	254.3°, 88.9, 35.3	`hsl(254.3,88.9%,35.3%)`
HSV (or HSB)	254.3°, 94.1, 66.7
Web Safe	330099	`#330099`

CIE-LAB	22.818, 56.992, -74.253
XYZ	8.582, 3.747, 38.299
xyY	0.17, 0.074, 3.747
CIE-LCH	22.818, 93.603, 307.508
CIE-LUV	22.818, -2.018, -83.249
Hunter-Lab	19.358, 45.256, -103.753
Binary	00110000, 00001010, 10101010

#300aaa
```
#300aaa rgb(48,10,170)
```
#84aa0a
```
#84aa0a rgb(132,170,10)
```

Complementary Color

#0a34aa
```
#0a34aa rgb(10,52,170)
```
#300aaa
```
#300aaa rgb(48,10,170)
```
#800aaa
```
#800aaa rgb(128,10,170)
```

Analogous Color

#34aa0a
```
#34aa0a rgb(52,170,10)
```
#300aaa
```
#300aaa rgb(48,10,170)
```
#aa800a
```
#aa800a rgb(170,128,10)
```

Split Complementary Color

#0aaa30
```
#0aaa30 rgb(10,170,48)
```
#300aaa
```
#300aaa rgb(48,10,170)
```
#aa300a
```
#aa300a rgb(170,48,10)
```

Triadic Color

#0a84aa
```
#0a84aa rgb(10,132,170)
```
#300aaa
```
#300aaa rgb(48,10,170)
```
#aa300a
```
#aa300a rgb(170,48,10)
```
#84aa0a
```
#84aa0a rgb(132,170,10)
```

Tetradic Color

#1c0662
```
#1c0662 rgb(28,6,98)
```
#22077a
```
#22077a rgb(34,7,122)
```
#290992
```
#290992 rgb(41,9,146)
```
#300aaa
```
#300aaa rgb(48,10,170)
```
#370bc2
```
#370bc2 rgb(55,11,194)
```
#3e0dda
```
#3e0dda rgb(62,13,218)
```
#4510f1
```
#4510f1 rgb(69,16,241)
```

Monochromatic Color

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

#0a0caa
```
#0a0caa rgb(10,12,170)
```
#150aaa
```
#150aaa rgb(21,10,170)
```
#230aaa
```
#230aaa rgb(35,10,170)
```
#300aaa
```
#300aaa rgb(48,10,170)
```
#3d0aaa
```
#3d0aaa rgb(61,10,170)
```
#4b0aaa
```
#4b0aaa rgb(75,10,170)
```
#580aaa
```
#580aaa rgb(88,10,170)
```

Similar Colors

Text with hexadecimal color #300aaa

This text has a font color of #300aaa.

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

#300aaa background color

This paragraph has a background color of #300aaa.

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

#300aaa border color

This element has a border color of #300aaa.

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

CSS codes

.text {color:#300aaa;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#060116
```
#060116 rgb(6,1,22)
```
#0b0228
```
#0b0228 rgb(11,2,40)
```
#11033b
```
#11033b rgb(17,3,59)
```
#16054d
```
#16054d rgb(22,5,77)
```
#1b0660
```
#1b0660 rgb(27,6,96)
```
#200772
```
#200772 rgb(32,7,114)
```
#260885
```
#260885 rgb(38,8,133)
```
#2b0997
```
#2b0997 rgb(43,9,151)
```
#300aaa
```
#300aaa rgb(48,10,170)
```
#350bbd
```
#350bbd rgb(53,11,189)
```
#3a0ccf
```
#3a0ccf rgb(58,12,207)
```
#400de2
```
#400de2 rgb(64,13,226)
```

Shade Color Variation

#4711f1
```
#4711f1 rgb(71,17,241)
```
#5524f2
```
#5524f2 rgb(85,36,242)
```
#6336f3
```
#6336f3 rgb(99,54,243)
```
#7249f4
```
#7249f4 rgb(114,73,244)
```
#805cf5
```
#805cf5 rgb(128,92,245)
```
#8e6ef6
```
#8e6ef6 rgb(142,110,246)
```
#9d81f8
```
#9d81f8 rgb(157,129,248)
```
#ab93f9
```
#ab93f9 rgb(171,147,249)
```
#baa6fa
```
#baa6fa rgb(186,166,250)
```
#c8b8fb
```
#c8b8fb rgb(200,184,251)
```
#d6cbfc
```
#d6cbfc rgb(214,203,252)
```
#e5ddfd
```
#e5ddfd rgb(229,221,253)
```
#f3f0fe
```
#f3f0fe rgb(243,240,254)
```

Tint Color Variation

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

#58565e
```
#58565e rgb(88,86,94)
```
#544f65
```
#544f65 rgb(84,79,101)
```
#51486c
```
#51486c rgb(81,72,108)
```
#4d4173
```
#4d4173 rgb(77,65,115)
```
#493a7a
```
#493a7a rgb(73,58,122)
```
#463480
```
#463480 rgb(70,52,128)
```
#422d87
```
#422d87 rgb(66,45,135)
```
#3f268e
```
#3f268e rgb(63,38,142)
```
#3b1f95
```
#3b1f95 rgb(59,31,149)
```
#37189c
```
#37189c rgb(55,24,156)
```
#3411a3
```
#3411a3 rgb(52,17,163)
```
#300aaa
```
#300aaa rgb(48,10,170)
```
#2c03b1
```
#2c03b1 rgb(44,3,177)
```

Tone Color Variation

Below, you can see how #300aaa 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
#2a2242 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7a Protanopia 1% of men
#004269 Deuteranopia 1% of men
#00474a Tritanopia 0.001% of the population

Trichromacy

#112b8b Protanomaly 1% of men, 0.01% of women
#112e81 Deuteranomaly 6% of men, 0.4% of women
#11316d Tritanomaly 0.01% of the population

#300aaa hex color

#300aaa Color Information

#300aaa Color Conversion

Color Schemes with #300aaa

Alternatives to #300aaa

#300aaa Preview

Shades and Tints of #300aaa

Tones of #300aaa

Color Blindness Simulator