#0304e5 hex color

In a RGB color space, hex #0304e5 is composed of 1.2% red, 1.6% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 98.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 239.7 degrees, a saturation of 97.4% and a lightness of 45.5%. #0304e5 color hex could be obtained by blending #0608ff with #0000cb. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 1
- G 2
- B 90
RGB color chart
- C 99
- M 98
- Y 0
- K 10
CMYK color chart

● #0304e5 color description : Vivid blue.

The hexadecimal color #0304e5 has RGB values of R:3, G:4, B:229 and CMYK values of C:0.99, M:0.98, Y:0, K:0.1. Its decimal value is 197861.

Hex triplet	0304e5	`#0304e5`
RGB Decimal	3, 4, 229	`rgb(3,4,229)`
RGB Percent	1.2, 1.6, 89.8	`rgb(1.2%,1.6%,89.8%)`
CMYK	99, 98, 0, 10
HSL	239.7°, 97.4, 45.5	`hsl(239.7,97.4%,45.5%)`
HSV (or HSB)	239.7°, 98.7, 89.8
Web Safe	0000cc	`#0000cc`

CIE-LAB	28.804, 72.318, -98.977
XYZ	14.221, 5.762, 74.487
xyY	0.151, 0.061, 5.762
CIE-LCH	28.804, 122.582, 306.154
CIE-LUV	28.804, -8.363, -115.457
Hunter-Lab	24.005, 63.74, -167.176
Binary	00000011, 00000100, 11100101

#0304e5
```
#0304e5 rgb(3,4,229)
```
#e5e403
```
#e5e403 rgb(229,228,3)
```

Complementary Color

#0375e5
```
#0375e5 rgb(3,117,229)
```
#0304e5
```
#0304e5 rgb(3,4,229)
```
#7303e5
```
#7303e5 rgb(115,3,229)
```

Analogous Color

#75e503
```
#75e503 rgb(117,229,3)
```
#0304e5
```
#0304e5 rgb(3,4,229)
```
#e57303
```
#e57303 rgb(229,115,3)
```

Split Complementary Color

#04e503
```
#04e503 rgb(4,229,3)
```
#0304e5
```
#0304e5 rgb(3,4,229)
```
#e50304
```
#e50304 rgb(229,3,4)
```

Triadic Color

#03e5e4
```
#03e5e4 rgb(3,229,228)
```
#0304e5
```
#0304e5 rgb(3,4,229)
```
#e50304
```
#e50304 rgb(229,3,4)
```
#e5e403
```
#e5e403 rgb(229,228,3)
```

Tetradic Color

#020399
```
#020399 rgb(2,3,153)
```
#0203b3
```
#0203b3 rgb(2,3,179)
```
#0304cc
```
#0304cc rgb(3,4,204)
```
#0304e5
```
#0304e5 rgb(3,4,229)
```
#0607fc
```
#0607fc rgb(6,7,252)
```
#1f20fc
```
#1f20fc rgb(31,32,252)
```
#3839fc
```
#3839fc rgb(56,57,252)
```

Monochromatic Color

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

#033de5
```
#033de5 rgb(3,61,229)
```
#032ae5
```
#032ae5 rgb(3,42,229)
```
#0317e5
```
#0317e5 rgb(3,23,229)
```
#0304e5
```
#0304e5 rgb(3,4,229)
```
#1503e5
```
#1503e5 rgb(21,3,229)
```
#2803e5
```
#2803e5 rgb(40,3,229)
```
#3b03e5
```
#3b03e5 rgb(59,3,229)
```

Similar Colors

Text with hexadecimal color #0304e5

This text has a font color of #0304e5.

<span style="color:#0304e5;">Text here</span>

#0304e5 background color

This paragraph has a background color of #0304e5.

<p style="background-color:#0304e5;">Content here</p>

#0304e5 border color

This element has a border color of #0304e5.

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

CSS codes

.text {color:#0304e5;}

.background {background-color:#0304e5;}

.border {border:1px solid #0304e5;}

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

#000010
```
#000010 rgb(0,0,16)
```
#000123
```
#000123 rgb(0,1,35)
```
#010137
```
#010137 rgb(1,1,55)
```
#01014a
```
#01014a rgb(1,1,74)
```
#01025d
```
#01025d rgb(1,2,93)
```
#010271
```
#010271 rgb(1,2,113)
```
#020284
```
#020284 rgb(2,2,132)
```
#020398
```
#020398 rgb(2,3,152)
```
#0203ab
```
#0203ab rgb(2,3,171)
```
#0203be
```
#0203be rgb(2,3,190)
```
#0304d2
```
#0304d2 rgb(3,4,210)
```
#0304e5
```
#0304e5 rgb(3,4,229)
```
#0304f8
```
#0304f8 rgb(3,4,248)
```

Shade Color Variation

#1314fc
```
#1314fc rgb(19,20,252)
```
#2728fc
```
#2728fc rgb(39,40,252)
```
#3a3bfc
```
#3a3bfc rgb(58,59,252)
```
#4d4efd
```
#4d4efd rgb(77,78,253)
```
#6161fd
```
#6161fd rgb(97,97,253)
```
#7475fd
```
#7475fd rgb(116,117,253)
```
#8788fd
```
#8788fd rgb(135,136,253)
```
#9b9bfe
```
#9b9bfe rgb(155,155,254)
```
#aeaffe
```
#aeaffe rgb(174,175,254)
```
#c2c2fe
```
#c2c2fe rgb(194,194,254)
```
#d5d5fe
```
#d5d5fe rgb(213,213,254)
```
#e8e8ff
```
#e8e8ff rgb(232,232,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6e7a is the less saturated color, while #0304e5 is the most saturated one.

#6e6e7a
```
#6e6e7a rgb(110,110,122)
```
#656583
```
#656583 rgb(101,101,131)
```
#5c5c8c
```
#5c5c8c rgb(92,92,140)
```
#535495
```
#535495 rgb(83,84,149)
```
#4a4b9e
```
#4a4b9e rgb(74,75,158)
```
#4142a7
```
#4142a7 rgb(65,66,167)
```
#3939af
```
#3939af rgb(57,57,175)
```
#3030b8
```
#3030b8 rgb(48,48,184)
```
#2727c1
```
#2727c1 rgb(39,39,193)
```
#1e1fca
```
#1e1fca rgb(30,31,202)
```
#1516d3
```
#1516d3 rgb(21,22,211)
```
#0c0ddc
```
#0c0ddc rgb(12,13,220)
```
#0304e5
```
#0304e5 rgb(3,4,229)
```

Tone Color Variation

Below, you can see how #0304e5 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

#1d1d1d Achromatopsia 0.005% of the population
#181845 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#00507d Deuteranopia 1% of men
#005558 Tritanopia 0.001% of the population

Trichromacy

#0131b0 Protanomaly 1% of men, 0.01% of women
#0134a3 Deuteranomaly 6% of men, 0.4% of women
#01378b Tritanomaly 0.01% of the population

#0304e5 hex color

#0304e5 Color Information

#0304e5 Color Conversion

Color Schemes with #0304e5

Alternatives to #0304e5

#0304e5 Preview

Shades and Tints of #0304e5

Tones of #0304e5

Color Blindness Simulator