#0306e5 hex color

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

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

● #0306e5 color description : Vivid blue.

The hexadecimal color #0306e5 has RGB values of R:3, G:6, B:229 and CMYK values of C:0.99, M:0.97, Y:0, K:0.1. Its decimal value is 198373.

Hex triplet	0306e5	`#0306e5`
RGB Decimal	3, 6, 229	`rgb(3,6,229)`
RGB Percent	1.2, 2.4, 89.8	`rgb(1.2%,2.4%,89.8%)`
CMYK	99, 97, 0, 10
HSL	239.2°, 97.4, 45.5	`hsl(239.2,97.4%,45.5%)`
HSV (or HSB)	239.2°, 98.7, 89.8
Web Safe	0000cc	`#0000cc`

CIE-LAB	28.917, 71.969, -98.789
XYZ	14.243, 5.806, 74.494
xyY	0.151, 0.061, 5.806
CIE-LCH	28.917, 122.225, 306.074
CIE-LUV	28.917, -8.436, -115.584
Hunter-Lab	24.095, 63.347, -166.441
Binary	00000011, 00000110, 11100101

#0306e5
```
#0306e5 rgb(3,6,229)
```
#e5e203
```
#e5e203 rgb(229,226,3)
```

Complementary Color

#0377e5
```
#0377e5 rgb(3,119,229)
```
#0306e5
```
#0306e5 rgb(3,6,229)
```
#7103e5
```
#7103e5 rgb(113,3,229)
```

Analogous Color

#77e503
```
#77e503 rgb(119,229,3)
```
#0306e5
```
#0306e5 rgb(3,6,229)
```
#e57103
```
#e57103 rgb(229,113,3)
```

Split Complementary Color

#06e503
```
#06e503 rgb(6,229,3)
```
#0306e5
```
#0306e5 rgb(3,6,229)
```
#e50306
```
#e50306 rgb(229,3,6)
```

Triadic Color

#03e5e2
```
#03e5e2 rgb(3,229,226)
```
#0306e5
```
#0306e5 rgb(3,6,229)
```
#e50306
```
#e50306 rgb(229,3,6)
```
#e5e203
```
#e5e203 rgb(229,226,3)
```

Tetradic Color

#020499
```
#020499 rgb(2,4,153)
```
#0205b3
```
#0205b3 rgb(2,5,179)
```
#0305cc
```
#0305cc rgb(3,5,204)
```
#0306e5
```
#0306e5 rgb(3,6,229)
```
#0609fc
```
#0609fc rgb(6,9,252)
```
#1f22fc
```
#1f22fc rgb(31,34,252)
```
#383bfc
```
#383bfc rgb(56,59,252)
```

Monochromatic Color

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

#033ee5
```
#033ee5 rgb(3,62,229)
```
#032ce5
```
#032ce5 rgb(3,44,229)
```
#0319e5
```
#0319e5 rgb(3,25,229)
```
#0306e5
```
#0306e5 rgb(3,6,229)
```
#1303e5
```
#1303e5 rgb(19,3,229)
```
#2603e5
```
#2603e5 rgb(38,3,229)
```
#3903e5
```
#3903e5 rgb(57,3,229)
```

Similar Colors

Text with hexadecimal color #0306e5

This text has a font color of #0306e5.

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

#0306e5 background color

This paragraph has a background color of #0306e5.

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

#0306e5 border color

This element has a border color of #0306e5.

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

CSS codes

.text {color:#0306e5;}

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

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

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)
```
#01024a
```
#01024a rgb(1,2,74)
```
#01025d
```
#01025d rgb(1,2,93)
```
#010371
```
#010371 rgb(1,3,113)
```
#020384
```
#020384 rgb(2,3,132)
```
#020498
```
#020498 rgb(2,4,152)
```
#0204ab
```
#0204ab rgb(2,4,171)
```
#0205be
```
#0205be rgb(2,5,190)
```
#0305d2
```
#0305d2 rgb(3,5,210)
```
#0306e5
```
#0306e5 rgb(3,6,229)
```
#0307f8
```
#0307f8 rgb(3,7,248)
```

Shade Color Variation

#1316fc
```
#1316fc rgb(19,22,252)
```
#272afc
```
#272afc rgb(39,42,252)
```
#3a3dfc
```
#3a3dfc rgb(58,61,252)
```
#4d50fd
```
#4d50fd rgb(77,80,253)
```
#6163fd
```
#6163fd rgb(97,99,253)
```
#7476fd
```
#7476fd rgb(116,118,253)
```
#8789fd
```
#8789fd rgb(135,137,253)
```
#9b9cfe
```
#9b9cfe rgb(155,156,254)
```
#aeaffe
```
#aeaffe rgb(174,175,254)
```
#c2c2fe
```
#c2c2fe rgb(194,194,254)
```
#d5d5fe
```
#d5d5fe rgb(213,213,254)
```
#e8e9ff
```
#e8e9ff rgb(232,233,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 #0306e5 is the most saturated one.

#6e6e7a
```
#6e6e7a rgb(110,110,122)
```
#656683
```
#656683 rgb(101,102,131)
```
#5c5d8c
```
#5c5d8c rgb(92,93,140)
```
#535495
```
#535495 rgb(83,84,149)
```
#4a4b9e
```
#4a4b9e rgb(74,75,158)
```
#4143a7
```
#4143a7 rgb(65,67,167)
```
#393aaf
```
#393aaf rgb(57,58,175)
```
#3031b8
```
#3031b8 rgb(48,49,184)
```
#2729c1
```
#2729c1 rgb(39,41,193)
```
#1e20ca
```
#1e20ca rgb(30,32,202)
```
#1517d3
```
#1517d3 rgb(21,23,211)
```
#0c0fdc
```
#0c0fdc rgb(12,15,220)
```
#0306e5
```
#0306e5 rgb(3,6,229)
```

Tone Color Variation

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

#1f1f1f Achromatopsia 0.005% of the population
#191a47 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#0132b0 Protanomaly 1% of men, 0.01% of women
#0135a3 Deuteranomaly 6% of men, 0.4% of women
#01388b Tritanomaly 0.01% of the population

#0306e5 hex color

#0306e5 Color Information

#0306e5 Color Conversion

Color Schemes with #0306e5

Alternatives to #0306e5

#0306e5 Preview

Shades and Tints of #0306e5

Tones of #0306e5

Color Blindness Simulator