#0030b2 hex color

In a RGB color space, hex #0030b2 is composed of 0% red, 18.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 73% magenta, 0% yellow and 30.2% black. It has a hue angle of 223.8 degrees, a saturation of 100% and a lightness of 34.9%. #0030b2 color hex could be obtained by blending #0060ff with #000065. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 0
- G 19
- B 70
RGB color chart
- C 100
- M 73
- Y 0
- K 30
CMYK color chart

● #0030b2 color description : Dark blue.

The hexadecimal color #0030b2 has RGB values of R:0, G:48, B:178 and CMYK values of C:1, M:0.73, Y:0, K:0.3. Its decimal value is 12466.

Hex triplet	0030b2	`#0030b2`
RGB Decimal	0, 48, 178	`rgb(0,48,178)`
RGB Percent	0, 18.8, 69.8	`rgb(0%,18.8%,69.8%)`
CMYK	100, 73, 0, 30
HSL	223.8°, 100, 34.9	`hsl(223.8,100%,34.9%)`
HSV (or HSB)	223.8°, 100, 69.8
Web Safe	003399	`#003399`

CIE-LAB	27.648, 40.525, -71.099
XYZ	9.091, 5.327, 42.666
xyY	0.159, 0.093, 5.327
CIE-LCH	27.648, 81.837, 299.683
CIE-LUV	27.648, -10.877, -88.916
Hunter-Lab	23.081, 29.914, -93.441
Binary	00000000, 00110000, 10110010

#0030b2
```
#0030b2 rgb(0,48,178)
```
#b28200
```
#b28200 rgb(178,130,0)
```

Complementary Color

#0089b2
```
#0089b2 rgb(0,137,178)
```
#0030b2
```
#0030b2 rgb(0,48,178)
```
#2900b2
```
#2900b2 rgb(41,0,178)
```

Analogous Color

#89b200
```
#89b200 rgb(137,178,0)
```
#0030b2
```
#0030b2 rgb(0,48,178)
```
#b22900
```
#b22900 rgb(178,41,0)
```

Split Complementary Color

#30b200
```
#30b200 rgb(48,178,0)
```
#0030b2
```
#0030b2 rgb(0,48,178)
```
#b20030
```
#b20030 rgb(178,0,48)
```

Triadic Color

#00b282
```
#00b282 rgb(0,178,130)
```
#0030b2
```
#0030b2 rgb(0,48,178)
```
#b20030
```
#b20030 rgb(178,0,48)
```
#b28200
```
#b28200 rgb(178,130,0)
```

Tetradic Color

#001b66
```
#001b66 rgb(0,27,102)
```
#00227f
```
#00227f rgb(0,34,127)
```
#002999
```
#002999 rgb(0,41,153)
```
#0030b2
```
#0030b2 rgb(0,48,178)
```
#0037cc
```
#0037cc rgb(0,55,204)
```
#003ee5
```
#003ee5 rgb(0,62,229)
```
#0045ff
```
#0045ff rgb(0,69,255)
```

Monochromatic Color

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

#005db2
```
#005db2 rgb(0,93,178)
```
#004eb2
```
#004eb2 rgb(0,78,178)
```
#003fb2
```
#003fb2 rgb(0,63,178)
```
#0030b2
```
#0030b2 rgb(0,48,178)
```
#0021b2
```
#0021b2 rgb(0,33,178)
```
#0012b2
```
#0012b2 rgb(0,18,178)
```
#0004b2
```
#0004b2 rgb(0,4,178)
```

Similar Colors

Text with hexadecimal color #0030b2

This text has a font color of #0030b2.

<span style="color:#0030b2;">Text here</span>

#0030b2 background color

This paragraph has a background color of #0030b2.

<p style="background-color:#0030b2;">Content here</p>

#0030b2 border color

This element has a border color of #0030b2.

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

CSS codes

.text {color:#0030b2;}

.background {background-color:#0030b2;}

.border {border:1px solid #0030b2;}

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

#000001
```
#000001 rgb(0,0,1)
```
#000615
```
#000615 rgb(0,6,21)
```
#000b29
```
#000b29 rgb(0,11,41)
```
#00103c
```
#00103c rgb(0,16,60)
```
#001650
```
#001650 rgb(0,22,80)
```
#001b64
```
#001b64 rgb(0,27,100)
```
#002077
```
#002077 rgb(0,32,119)
```
#00258b
```
#00258b rgb(0,37,139)
```
#002b9e
```
#002b9e rgb(0,43,158)
```
#0030b2
```
#0030b2 rgb(0,48,178)
```
#0035c6
```
#0035c6 rgb(0,53,198)
```
#003bd9
```
#003bd9 rgb(0,59,217)
```
#0040ed
```
#0040ed rgb(0,64,237)
```

Shade Color Variation

#0146ff
```
#0146ff rgb(1,70,255)
```
#1554ff
```
#1554ff rgb(21,84,255)
```
#2962ff
```
#2962ff rgb(41,98,255)
```
#3c71ff
```
#3c71ff rgb(60,113,255)
```
#507fff
```
#507fff rgb(80,127,255)
```
#648dff
```
#648dff rgb(100,141,255)
```
#779cff
```
#779cff rgb(119,156,255)
```
#8baaff
```
#8baaff rgb(139,170,255)
```
#9eb8ff
```
#9eb8ff rgb(158,184,255)
```
#b2c7ff
```
#b2c7ff rgb(178,199,255)
```
#c6d5ff
```
#c6d5ff rgb(198,213,255)
```
#d9e3ff
```
#d9e3ff rgb(217,227,255)
```
#edf2ff
```
#edf2ff rgb(237,242,255)
```

Tint Color Variation

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

#525660
```
#525660 rgb(82,86,96)
```
#4b5367
```
#4b5367 rgb(75,83,103)
```
#44506e
```
#44506e rgb(68,80,110)
```
#3e4c74
```
#3e4c74 rgb(62,76,116)
```
#37497b
```
#37497b rgb(55,73,123)
```
#304682
```
#304682 rgb(48,70,130)
```
#294389
```
#294389 rgb(41,67,137)
```
#224090
```
#224090 rgb(34,64,144)
```
#1b3d97
```
#1b3d97 rgb(27,61,151)
```
#15399d
```
#15399d rgb(21,57,157)
```
#0e36a4
```
#0e36a4 rgb(14,54,164)
```
#0733ab
```
#0733ab rgb(7,51,171)
```
#0030b2
```
#0030b2 rgb(0,48,178)
```

Tone Color Variation

Below, you can see how #0030b2 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

#303030 Achromatopsia 0.005% of the population
#26304a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498d Protanopia 1% of men
#004d7a Deuteranopia 1% of men
#005256 Tritanopia 0.001% of the population

Trichromacy

#003f9b Protanomaly 1% of men, 0.01% of women
#00428e Deuteranomaly 6% of men, 0.4% of women
#004677 Tritanomaly 0.01% of the population

#0030b2 hex color

#0030b2 Color Information

#0030b2 Color Conversion

Color Schemes with #0030b2

Alternatives to #0030b2

#0030b2 Preview

Shades and Tints of #0030b2

Tones of #0030b2

Color Blindness Simulator