#300aa9 hex color

In a RGB color space, hex #300aa9 is composed of 18.8% red, 3.9% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 94.1% magenta, 0% yellow and 33.7% black. It has a hue angle of 254.3 degrees, a saturation of 88.8% and a lightness of 35.1%. #300aa9 color hex could be obtained by blending #6014ff with #000053. Closest websafe color is: #330099.

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

● #300aa9 color description : Dark blue.

The hexadecimal color #300aa9 has RGB values of R:48, G:10, B:169 and CMYK values of C:0.72, M:0.94, Y:0, K:0.34. Its decimal value is 3148457.

Hex triplet	300aa9	`#300aa9`
RGB Decimal	48, 10, 169	`rgb(48,10,169)`
RGB Percent	18.8, 3.9, 66.3	`rgb(18.8%,3.9%,66.3%)`
CMYK	72, 94, 0, 34
HSL	254.3°, 88.8, 35.1	`hsl(254.3,88.8%,35.1%)`
HSV (or HSB)	254.3°, 94.1, 66.3
Web Safe	330099	`#330099`

CIE-LAB	22.687, 56.731, -73.865
XYZ	8.488, 3.71, 37.803
xyY	0.17, 0.074, 3.71
CIE-LCH	22.687, 93.137, 307.526
CIE-LUV	22.687, -1.951, -82.666
Hunter-Lab	19.26, 44.955, -102.887
Binary	00110000, 00001010, 10101001

#300aa9
```
#300aa9 rgb(48,10,169)
```
#83a90a
```
#83a90a rgb(131,169,10)
```

Complementary Color

#0a34a9
```
#0a34a9 rgb(10,52,169)
```
#300aa9
```
#300aa9 rgb(48,10,169)
```
#800aa9
```
#800aa9 rgb(128,10,169)
```

Analogous Color

#34a90a
```
#34a90a rgb(52,169,10)
```
#300aa9
```
#300aa9 rgb(48,10,169)
```
#a9800a
```
#a9800a rgb(169,128,10)
```

Split Complementary Color

#0aa930
```
#0aa930 rgb(10,169,48)
```
#300aa9
```
#300aa9 rgb(48,10,169)
```
#a9300a
```
#a9300a rgb(169,48,10)
```

Triadic Color

#0a83a9
```
#0a83a9 rgb(10,131,169)
```
#300aa9
```
#300aa9 rgb(48,10,169)
```
#a9300a
```
#a9300a rgb(169,48,10)
```
#83a90a
```
#83a90a rgb(131,169,10)
```

Tetradic Color

#1b0661
```
#1b0661 rgb(27,6,97)
```
#220779
```
#220779 rgb(34,7,121)
```
#290991
```
#290991 rgb(41,9,145)
```
#300aa9
```
#300aa9 rgb(48,10,169)
```
#370bc1
```
#370bc1 rgb(55,11,193)
```
#3e0dd9
```
#3e0dd9 rgb(62,13,217)
```
#450ff1
```
#450ff1 rgb(69,15,241)
```

Monochromatic Color

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

#0a0ca9
```
#0a0ca9 rgb(10,12,169)
```
#160aa9
```
#160aa9 rgb(22,10,169)
```
#230aa9
```
#230aa9 rgb(35,10,169)
```
#300aa9
```
#300aa9 rgb(48,10,169)
```
#3d0aa9
```
#3d0aa9 rgb(61,10,169)
```
#4b0aa9
```
#4b0aa9 rgb(75,10,169)
```
#580aa9
```
#580aa9 rgb(88,10,169)
```

Similar Colors

Text with hexadecimal color #300aa9

This text has a font color of #300aa9.

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

#300aa9 background color

This paragraph has a background color of #300aa9.

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

#300aa9 border color

This element has a border color of #300aa9.

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

CSS codes

.text {color:#300aa9;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#060115
```
#060115 rgb(6,1,21)
```
#0b0227
```
#0b0227 rgb(11,2,39)
```
#10033a
```
#10033a rgb(16,3,58)
```
#16054c
```
#16054c rgb(22,5,76)
```
#1b065f
```
#1b065f rgb(27,6,95)
```
#200771
```
#200771 rgb(32,7,113)
```
#250884
```
#250884 rgb(37,8,132)
```
#2b0996
```
#2b0996 rgb(43,9,150)
```
#300aa9
```
#300aa9 rgb(48,10,169)
```
#350bbc
```
#350bbc rgb(53,11,188)
```
#3b0cce
```
#3b0cce rgb(59,12,206)
```
#400de1
```
#400de1 rgb(64,13,225)
```

Shade Color Variation

#4611f1
```
#4611f1 rgb(70,17,241)
```
#5523f2
```
#5523f2 rgb(85,35,242)
```
#6336f3
```
#6336f3 rgb(99,54,243)
```
#7148f4
```
#7148f4 rgb(113,72,244)
```
#805bf5
```
#805bf5 rgb(128,91,245)
```
#8e6df6
```
#8e6df6 rgb(142,109,246)
```
#9c80f7
```
#9c80f7 rgb(156,128,247)
```
#ab92f9
```
#ab92f9 rgb(171,146,249)
```
#b9a5fa
```
#b9a5fa rgb(185,165,250)
```
#c7b7fb
```
#c7b7fb rgb(199,183,251)
```
#d6cafc
```
#d6cafc rgb(214,202,252)
```
#e4dcfd
```
#e4dcfd rgb(228,220,253)
```
#f2effe
```
#f2effe rgb(242,239,254)
```

Tint Color Variation

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

#58565d
```
#58565d rgb(88,86,93)
```
#544f64
```
#544f64 rgb(84,79,100)
```
#50486b
```
#50486b rgb(80,72,107)
```
#4d4172
```
#4d4172 rgb(77,65,114)
```
#493a79
```
#493a79 rgb(73,58,121)
```
#463380
```
#463380 rgb(70,51,128)
```
#422c87
```
#422c87 rgb(66,44,135)
```
#3e268d
```
#3e268d rgb(62,38,141)
```
#3b1f94
```
#3b1f94 rgb(59,31,148)
```
#37189b
```
#37189b rgb(55,24,155)
```
#3411a2
```
#3411a2 rgb(52,17,162)
```
#300aa9
```
#300aa9 rgb(48,10,169)
```
#2c03b0
```
#2c03b0 rgb(44,3,176)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#112b8a Protanomaly 1% of men, 0.01% of women
#112d80 Deuteranomaly 6% of men, 0.4% of women
#11306c Tritanomaly 0.01% of the population

#300aa9 hex color

#300aa9 Color Information

#300aa9 Color Conversion

Color Schemes with #300aa9

Alternatives to #300aa9

#300aa9 Preview

Shades and Tints of #300aa9

Tones of #300aa9

Color Blindness Simulator