#0030e1 hex color

In a RGB color space, hex #0030e1 is composed of 0% red, 18.8% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 78.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 227.2 degrees, a saturation of 100% and a lightness of 44.1%. #0030e1 color hex could be obtained by blending #0060ff with #0000c3. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 19
- B 88
RGB color chart
- C 100
- M 79
- Y 0
- K 12
CMYK color chart

● #0030e1 color description : Pure (or mostly pure) blue.

The hexadecimal color #0030e1 has RGB values of R:0, G:48, B:225 and CMYK values of C:1, M:0.79, Y:0, K:0.12. Its decimal value is 12513.

Hex triplet	0030e1	`#0030e1`
RGB Decimal	0, 48, 225	`rgb(0,48,225)`
RGB Percent	0, 18.8, 88.2	`rgb(0%,18.8%,88.2%)`
CMYK	100, 79, 0, 12
HSL	227.2°, 100, 44.1	`hsl(227.2,100%,44.1%)`
HSV (or HSB)	227.2°, 100, 88.2
Web Safe	0033cc	`#0033cc`

CIE-LAB	33.025, 56.736, -89.648
XYZ	14.645, 7.549, 71.915
xyY	0.156, 0.08, 7.549
CIE-LCH	33.025, 106.093, 302.329
CIE-LUV	33.025, -11.749, -116.185
Hunter-Lab	27.475, 47.061, -135.956
Binary	00000000, 00110000, 11100001

#0030e1
```
#0030e1 rgb(0,48,225)
```
#e1b100
```
#e1b100 rgb(225,177,0)
```

Complementary Color

#00a1e1
```
#00a1e1 rgb(0,161,225)
```
#0030e1
```
#0030e1 rgb(0,48,225)
```
#4100e1
```
#4100e1 rgb(65,0,225)
```

Analogous Color

#a1e100
```
#a1e100 rgb(161,225,0)
```
#0030e1
```
#0030e1 rgb(0,48,225)
```
#e14100
```
#e14100 rgb(225,65,0)
```

Split Complementary Color

#30e100
```
#30e100 rgb(48,225,0)
```
#0030e1
```
#0030e1 rgb(0,48,225)
```
#e10030
```
#e10030 rgb(225,0,48)
```

Triadic Color

#00e1b1
```
#00e1b1 rgb(0,225,177)
```
#0030e1
```
#0030e1 rgb(0,48,225)
```
#e10030
```
#e10030 rgb(225,0,48)
```
#e1b100
```
#e1b100 rgb(225,177,0)
```

Tetradic Color

#002095
```
#002095 rgb(0,32,149)
```
#0025ae
```
#0025ae rgb(0,37,174)
```
#002bc8
```
#002bc8 rgb(0,43,200)
```
#0030e1
```
#0030e1 rgb(0,48,225)
```
#0035fb
```
#0035fb rgb(0,53,251)
```
#1547ff
```
#1547ff rgb(21,71,255)
```
#2f5bff
```
#2f5bff rgb(47,91,255)
```

Monochromatic Color

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

#0068e1
```
#0068e1 rgb(0,104,225)
```
#0056e1
```
#0056e1 rgb(0,86,225)
```
#0043e1
```
#0043e1 rgb(0,67,225)
```
#0030e1
```
#0030e1 rgb(0,48,225)
```
#001de1
```
#001de1 rgb(0,29,225)
```
#000be1
```
#000be1 rgb(0,11,225)
```
#0800e1
```
#0800e1 rgb(8,0,225)
```

Similar Colors

Text with hexadecimal color #0030e1

This text has a font color of #0030e1.

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

#0030e1 background color

This paragraph has a background color of #0030e1.

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

#0030e1 border color

This element has a border color of #0030e1.

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

CSS codes

.text {color:#0030e1;}

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

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

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

#000209
```
#000209 rgb(0,2,9)
```
#00061d
```
#00061d rgb(0,6,29)
```
#000a30
```
#000a30 rgb(0,10,48)
```
#000f44
```
#000f44 rgb(0,15,68)
```
#001358
```
#001358 rgb(0,19,88)
```
#00176b
```
#00176b rgb(0,23,107)
```
#001b7f
```
#001b7f rgb(0,27,127)
```
#001f93
```
#001f93 rgb(0,31,147)
```
#0023a6
```
#0023a6 rgb(0,35,166)
```
#0028ba
```
#0028ba rgb(0,40,186)
```
#002ccd
```
#002ccd rgb(0,44,205)
```
#0030e1
```
#0030e1 rgb(0,48,225)
```
#0034f5
```
#0034f5 rgb(0,52,245)
```

Shade Color Variation

#093eff
```
#093eff rgb(9,62,255)
```
#1d4dff
```
#1d4dff rgb(29,77,255)
```
#305dff
```
#305dff rgb(48,93,255)
```
#446cff
```
#446cff rgb(68,108,255)
```
#587bff
```
#587bff rgb(88,123,255)
```
#6b8bff
```
#6b8bff rgb(107,139,255)
```
#7f9aff
```
#7f9aff rgb(127,154,255)
```
#93aaff
```
#93aaff rgb(147,170,255)
```
#a6b9ff
```
#a6b9ff rgb(166,185,255)
```
#bac9ff
```
#bac9ff rgb(186,201,255)
```
#cdd8ff
```
#cdd8ff rgb(205,216,255)
```
#e1e7ff
```
#e1e7ff rgb(225,231,255)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

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

#686c79
```
#686c79 rgb(104,108,121)
```
#5f6782
```
#5f6782 rgb(95,103,130)
```
#57628a
```
#57628a rgb(87,98,138)
```
#4e5d93
```
#4e5d93 rgb(78,93,147)
```
#45589c
```
#45589c rgb(69,88,156)
```
#3d53a4
```
#3d53a4 rgb(61,83,164)
```
#344ead
```
#344ead rgb(52,78,173)
```
#2b49b6
```
#2b49b6 rgb(43,73,182)
```
#2344be
```
#2344be rgb(35,68,190)
```
#1a3fc7
```
#1a3fc7 rgb(26,63,199)
```
#113ad0
```
#113ad0 rgb(17,58,208)
```
#0935d8
```
#0935d8 rgb(9,53,216)
```
#0030e1
```
#0030e1 rgb(0,48,225)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#2b3558 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#0047ba Protanomaly 1% of men, 0.01% of women
#004aab Deuteranomaly 6% of men, 0.4% of women
#004e91 Tritanomaly 0.01% of the population

#0030e1 hex color

#0030e1 Color Information

#0030e1 Color Conversion

Color Schemes with #0030e1

Alternatives to #0030e1

#0030e1 Preview

Shades and Tints of #0030e1

Tones of #0030e1

Color Blindness Simulator