#3030a0 hex color

In a RGB color space, hex #3030a0 is composed of 18.8% red, 18.8% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 70% magenta, 0% yellow and 37.3% black. It has a hue angle of 240 degrees, a saturation of 53.8% and a lightness of 40.8%. #3030a0 color hex could be obtained by blending #6060ff with #000041. Closest websafe color is: #333399.

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

● #3030a0 color description : Dark blue.

The hexadecimal color #3030a0 has RGB values of R:48, G:48, B:160 and CMYK values of C:0.7, M:0.7, Y:0, K:0.37. Its decimal value is 3158176.

Hex triplet	3030a0	`#3030a0`
RGB Decimal	48, 48, 160	`rgb(48,48,160)`
RGB Percent	18.8, 18.8, 62.7	`rgb(18.8%,18.8%,62.7%)`
CMYK	70, 70, 0, 37
HSL	240°, 53.8, 40.8	`hsl(240,53.8%,40.8%)`
HSV (or HSB)	240°, 70, 62.7
Web Safe	333399	`#333399`

CIE-LAB	27.518, 37.065, -60.417
XYZ	8.62, 5.28, 33.821
xyY	0.181, 0.111, 5.28
CIE-LCH	27.518, 70.88, 301.528
CIE-LUV	27.518, -5.609, -77.729
Hunter-Lab	22.978, 26.75, -71.183
Binary	00110000, 00110000, 10100000

#3030a0
```
#3030a0 rgb(48,48,160)
```
#a0a030
```
#a0a030 rgb(160,160,48)
```

Complementary Color

#3068a0
```
#3068a0 rgb(48,104,160)
```
#3030a0
```
#3030a0 rgb(48,48,160)
```
#6830a0
```
#6830a0 rgb(104,48,160)
```

Analogous Color

#68a030
```
#68a030 rgb(104,160,48)
```
#3030a0
```
#3030a0 rgb(48,48,160)
```
#a06830
```
#a06830 rgb(160,104,48)
```

Split Complementary Color

#30a030
```
#30a030 rgb(48,160,48)
```
#3030a0
```
#3030a0 rgb(48,48,160)
```
#a03030
```
#a03030 rgb(160,48,48)
```

Triadic Color

#30a0a0
```
#30a0a0 rgb(48,160,160)
```
#3030a0
```
#3030a0 rgb(48,48,160)
```
#a03030
```
#a03030 rgb(160,48,48)
```
#a0a030
```
#a0a030 rgb(160,160,48)
```

Tetradic Color

#1e1e65
```
#1e1e65 rgb(30,30,101)
```
#242479
```
#242479 rgb(36,36,121)
```
#2a2a8c
```
#2a2a8c rgb(42,42,140)
```
#3030a0
```
#3030a0 rgb(48,48,160)
```
#3636b4
```
#3636b4 rgb(54,54,180)
```
#3e3ec5
```
#3e3ec5 rgb(62,62,197)
```
#5252cb
```
#5252cb rgb(82,82,203)
```

Monochromatic Color

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

#304ca0
```
#304ca0 rgb(48,76,160)
```
#3043a0
```
#3043a0 rgb(48,67,160)
```
#3039a0
```
#3039a0 rgb(48,57,160)
```
#3030a0
```
#3030a0 rgb(48,48,160)
```
#3930a0
```
#3930a0 rgb(57,48,160)
```
#4330a0
```
#4330a0 rgb(67,48,160)
```
#4c30a0
```
#4c30a0 rgb(76,48,160)
```

Similar Colors

Text with hexadecimal color #3030a0

This text has a font color of #3030a0.

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

#3030a0 background color

This paragraph has a background color of #3030a0.

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

#3030a0 border color

This element has a border color of #3030a0.

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

CSS codes

.text {color:#3030a0;}

.background {background-color:#3030a0;}

.border {border:1px solid #3030a0;}

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

#030309
```
#030309 rgb(3,3,9)
```
#070718
```
#070718 rgb(7,7,24)
```
#0c0c27
```
#0c0c27 rgb(12,12,39)
```
#101036
```
#101036 rgb(16,16,54)
```
#151545
```
#151545 rgb(21,21,69)
```
#191955
```
#191955 rgb(25,25,85)
```
#1e1e64
```
#1e1e64 rgb(30,30,100)
```
#222273
```
#222273 rgb(34,34,115)
```
#272782
```
#272782 rgb(39,39,130)
```
#2b2b91
```
#2b2b91 rgb(43,43,145)
```
#3030a0
```
#3030a0 rgb(48,48,160)
```
#3535af
```
#3535af rgb(53,53,175)
```
#3939be
```
#3939be rgb(57,57,190)
```

Shade Color Variation

#4444c7
```
#4444c7 rgb(68,68,199)
```
#5353cb
```
#5353cb rgb(83,83,203)
```
#6262d0
```
#6262d0 rgb(98,98,208)
```
#7171d4
```
#7171d4 rgb(113,113,212)
```
#8080d9
```
#8080d9 rgb(128,128,217)
```
#8f8fde
```
#8f8fde rgb(143,143,222)
```
#9e9ee2
```
#9e9ee2 rgb(158,158,226)
```
#aeaee7
```
#aeaee7 rgb(174,174,231)
```
#bdbdeb
```
#bdbdeb rgb(189,189,235)
```
#ccccf0
```
#ccccf0 rgb(204,204,240)
```
#dbdbf4
```
#dbdbf4 rgb(219,219,244)
```
#eaeaf9
```
#eaeaf9 rgb(234,234,249)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

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

#606070
```
#606070 rgb(96,96,112)
```
#585878
```
#585878 rgb(88,88,120)
```
#505080
```
#505080 rgb(80,80,128)
```
#484888
```
#484888 rgb(72,72,136)
```
#404090
```
#404090 rgb(64,64,144)
```
#383898
```
#383898 rgb(56,56,152)
```
#3030a0
```
#3030a0 rgb(48,48,160)
```
#2828a8
```
#2828a8 rgb(40,40,168)
```
#2020b0
```
#2020b0 rgb(32,32,176)
```
#1818b8
```
#1818b8 rgb(24,24,184)
```
#1010c0
```
#1010c0 rgb(16,16,192)
```
#0808c8
```
#0808c8 rgb(8,8,200)
```
#0000d0
```
#0000d0 rgb(0,0,208)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3a51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004c7b Deuteranopia 1% of men
#005257 Tritanopia 0.001% of the population

Trichromacy

#113f94 Protanomaly 1% of men, 0.01% of women
#114288 Deuteranomaly 6% of men, 0.4% of women
#114571 Tritanomaly 0.01% of the population

#3030a0 hex color

#3030a0 Color Information

#3030a0 Color Conversion

Color Schemes with #3030a0

Alternatives to #3030a0

#3030a0 Preview

Shades and Tints of #3030a0

Tones of #3030a0

Color Blindness Simulator