#3030bd hex color

In a RGB color space, hex #3030bd is composed of 18.8% red, 18.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 74.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 240 degrees, a saturation of 59.5% and a lightness of 46.5%. #3030bd color hex could be obtained by blending #6060ff with #00007b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 19
- B 74
RGB color chart
- C 75
- M 75
- Y 0
- K 26
CMYK color chart

● #3030bd color description : Moderate blue.

The hexadecimal color #3030bd has RGB values of R:48, G:48, B:189 and CMYK values of C:0.75, M:0.75, Y:0, K:0.26. Its decimal value is 3158205.

Hex triplet	3030bd	`#3030bd`
RGB Decimal	48, 48, 189	`rgb(48,48,189)`
RGB Percent	18.8, 18.8, 74.1	`rgb(18.8%,18.8%,74.1%)`
CMYK	75, 75, 0, 26
HSL	240°, 59.5, 46.5	`hsl(240,59.5%,46.5%)`
HSV (or HSB)	240°, 74.6, 74.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.438, 46.844, -72.965
XYZ	11.459, 6.416, 48.776
xyY	0.172, 0.096, 6.416
CIE-LCH	30.438, 86.708, 302.701
CIE-LUV	30.438, -6.882, -95.373
Hunter-Lab	25.329, 36.43, -96.442
Binary	00110000, 00110000, 10111101

#3030bd
```
#3030bd rgb(48,48,189)
```
#bdbd30
```
#bdbd30 rgb(189,189,48)
```

Complementary Color

#3077bd
```
#3077bd rgb(48,119,189)
```
#3030bd
```
#3030bd rgb(48,48,189)
```
#7730bd
```
#7730bd rgb(119,48,189)
```

Analogous Color

#77bd30
```
#77bd30 rgb(119,189,48)
```
#3030bd
```
#3030bd rgb(48,48,189)
```
#bd7730
```
#bd7730 rgb(189,119,48)
```

Split Complementary Color

#30bd30
```
#30bd30 rgb(48,189,48)
```
#3030bd
```
#3030bd rgb(48,48,189)
```
#bd3030
```
#bd3030 rgb(189,48,48)
```

Triadic Color

#30bdbd
```
#30bdbd rgb(48,189,189)
```
#3030bd
```
#3030bd rgb(48,48,189)
```
#bd3030
```
#bd3030 rgb(189,48,48)
```
#bdbd30
```
#bdbd30 rgb(189,189,48)
```

Tetradic Color

#212180
```
#212180 rgb(33,33,128)
```
#262694
```
#262694 rgb(38,38,148)
```
#2b2ba9
```
#2b2ba9 rgb(43,43,169)
```
#3030bd
```
#3030bd rgb(48,48,189)
```
#3a3acd
```
#3a3acd rgb(58,58,205)
```
#4e4ed2
```
#4e4ed2 rgb(78,78,210)
```
#6262d7
```
#6262d7 rgb(98,98,215)
```

Monochromatic Color

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

#3053bd
```
#3053bd rgb(48,83,189)
```
#3048bd
```
#3048bd rgb(48,72,189)
```
#303cbd
```
#303cbd rgb(48,60,189)
```
#3030bd
```
#3030bd rgb(48,48,189)
```
#3c30bd
```
#3c30bd rgb(60,48,189)
```
#4730bd
```
#4730bd rgb(71,48,189)
```
#5330bd
```
#5330bd rgb(83,48,189)
```

Similar Colors

Text with hexadecimal color #3030bd

This text has a font color of #3030bd.

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

#3030bd background color

This paragraph has a background color of #3030bd.

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

#3030bd border color

This element has a border color of #3030bd.

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

CSS codes

.text {color:#3030bd;}

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

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

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 #f1f1fb is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#040411
```
#040411 rgb(4,4,17)
```
#080821
```
#080821 rgb(8,8,33)
```
#0c0c30
```
#0c0c30 rgb(12,12,48)
```
#101040
```
#101040 rgb(16,16,64)
```
#141450
```
#141450 rgb(20,20,80)
```
#18185f
```
#18185f rgb(24,24,95)
```
#1c1c6f
```
#1c1c6f rgb(28,28,111)
```
#20207e
```
#20207e rgb(32,32,126)
```
#24248e
```
#24248e rgb(36,36,142)
```
#28289e
```
#28289e rgb(40,40,158)
```
#2c2cad
```
#2c2cad rgb(44,44,173)
```
#3030bd
```
#3030bd rgb(48,48,189)
```

Shade Color Variation

#3535cc
```
#3535cc rgb(53,53,204)
```
#4545d0
```
#4545d0 rgb(69,69,208)
```
#5454d4
```
#5454d4 rgb(84,84,212)
```
#6464d8
```
#6464d8 rgb(100,100,216)
```
#7474dc
```
#7474dc rgb(116,116,220)
```
#8383e0
```
#8383e0 rgb(131,131,224)
```
#9393e4
```
#9393e4 rgb(147,147,228)
```
#a2a2e7
```
#a2a2e7 rgb(162,162,231)
```
#b2b2eb
```
#b2b2eb rgb(178,178,235)
```
#c2c2ef
```
#c2c2ef rgb(194,194,239)
```
#d1d1f3
```
#d1d1f3 rgb(209,209,243)
```
#e1e1f7
```
#e1e1f7 rgb(225,225,247)
```
#f1f1fb
```
#f1f1fb rgb(241,241,251)
```

Tint Color Variation

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

#70707d
```
#70707d rgb(112,112,125)
```
#676786
```
#676786 rgb(103,103,134)
```
#5e5e8f
```
#5e5e8f rgb(94,94,143)
```
#545499
```
#545499 rgb(84,84,153)
```
#4b4ba2
```
#4b4ba2 rgb(75,75,162)
```
#4242ab
```
#4242ab rgb(66,66,171)
```
#3939b4
```
#3939b4 rgb(57,57,180)
```
#3030bd
```
#3030bd rgb(48,48,189)
```
#2727c6
```
#2727c6 rgb(39,39,198)
```
#1e1ecf
```
#1e1ecf rgb(30,30,207)
```
#1515d8
```
#1515d8 rgb(21,21,216)
```
#0c0ce1
```
#0c0ce1 rgb(12,12,225)
```
#0202eb
```
#0202eb rgb(2,2,235)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3d3d59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e99 Protanopia 1% of men
#005384 Deuteranopia 1% of men
#00595d Tritanopia 0.001% of the population

Trichromacy

#1143a6 Protanomaly 1% of men, 0.01% of women
#114699 Deuteranomaly 6% of men, 0.4% of women
#114a80 Tritanomaly 0.01% of the population

#3030bd hex color

#3030bd Color Information

#3030bd Color Conversion

Color Schemes with #3030bd

Alternatives to #3030bd

#3030bd Preview

Shades and Tints of #3030bd

Tones of #3030bd

Color Blindness Simulator