#0306fd hex color

In a RGB color space, hex #0306fd is composed of 1.2% red, 2.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 97.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 239.3 degrees, a saturation of 98.4% and a lightness of 50.2%. #0306fd color hex could be obtained by blending #060cff with #0000fb. Closest websafe color is: #0000ff.

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

● #0306fd color description : Vivid blue.

The hexadecimal color #0306fd has RGB values of R:3, G:6, B:253 and CMYK values of C:0.99, M:0.98, Y:0, K:0.01. Its decimal value is 198397.

Hex triplet	0306fd	`#0306fd`
RGB Decimal	3, 6, 253	`rgb(3,6,253)`
RGB Percent	1.2, 2.4, 99.2	`rgb(1.2%,2.4%,99.2%)`
CMYK	99, 98, 0, 1
HSL	239.3°, 98.4, 50.2	`hsl(239.3,98.4%,50.2%)`
HSV (or HSB)	239.3°, 98.8, 99.2
Web Safe	0000ff	`#0000ff`

CIE-LAB	32.347, 77.825, -106.661
XYZ	17.829, 7.24, 93.381
xyY	0.151, 0.061, 7.24
CIE-LCH	32.347, 132.036, 306.116
CIE-LUV	32.347, -9.434, -129.547
Hunter-Lab	26.907, 71.186, -186.929
Binary	00000011, 00000110, 11111101

#0306fd
```
#0306fd rgb(3,6,253)
```
#fdfa03
```
#fdfa03 rgb(253,250,3)
```

Complementary Color

#0383fd
```
#0383fd rgb(3,131,253)
```
#0306fd
```
#0306fd rgb(3,6,253)
```
#7d03fd
```
#7d03fd rgb(125,3,253)
```

Analogous Color

#83fd03
```
#83fd03 rgb(131,253,3)
```
#0306fd
```
#0306fd rgb(3,6,253)
```
#fd7d03
```
#fd7d03 rgb(253,125,3)
```

Split Complementary Color

#06fd03
```
#06fd03 rgb(6,253,3)
```
#0306fd
```
#0306fd rgb(3,6,253)
```
#fd0306
```
#fd0306 rgb(253,3,6)
```

Triadic Color

#03fdfa
```
#03fdfa rgb(3,253,250)
```
#0306fd
```
#0306fd rgb(3,6,253)
```
#fd0306
```
#fd0306 rgb(253,3,6)
```
#fdfa03
```
#fdfa03 rgb(253,250,3)
```

Tetradic Color

#0104b2
```
#0104b2 rgb(1,4,178)
```
#0204cb
```
#0204cb rgb(2,4,203)
```
#0205e5
```
#0205e5 rgb(2,5,229)
```
#0306fd
```
#0306fd rgb(3,6,253)
```
#1c1ffd
```
#1c1ffd rgb(28,31,253)
```
#3638fd
```
#3638fd rgb(54,56,253)
```
#4f51fe
```
#4f51fe rgb(79,81,254)
```

Monochromatic Color

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

#0345fd
```
#0345fd rgb(3,69,253)
```
#0330fd
```
#0330fd rgb(3,48,253)
```
#031bfd
```
#031bfd rgb(3,27,253)
```
#0306fd
```
#0306fd rgb(3,6,253)
```
#1503fd
```
#1503fd rgb(21,3,253)
```
#2a03fd
```
#2a03fd rgb(42,3,253)
```
#3e03fd
```
#3e03fd rgb(62,3,253)
```

Similar Colors

Text with hexadecimal color #0306fd

This text has a font color of #0306fd.

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

#0306fd background color

This paragraph has a background color of #0306fd.

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

#0306fd border color

This element has a border color of #0306fd.

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

CSS codes

.text {color:#0306fd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000014
```
#000014 rgb(0,0,20)
```
#000128
```
#000128 rgb(0,1,40)
```
#00013b
```
#00013b rgb(0,1,59)
```
#01024f
```
#01024f rgb(1,2,79)
```
#010262
```
#010262 rgb(1,2,98)
```
#010276
```
#010276 rgb(1,2,118)
```
#010389
```
#010389 rgb(1,3,137)
```
#01039d
```
#01039d rgb(1,3,157)
```
#0103b0
```
#0103b0 rgb(1,3,176)
```
#0204c4
```
#0204c4 rgb(2,4,196)
```
#0204d7
```
#0204d7 rgb(2,4,215)
```
#0205eb
```
#0205eb rgb(2,5,235)
```

Shade Color Variation

#0306fd
```
#0306fd rgb(3,6,253)
```
#1619fd
```
#1619fd rgb(22,25,253)
```
#2a2cfd
```
#2a2cfd rgb(42,44,253)
```
#3d40fd
```
#3d40fd rgb(61,64,253)
```
#5153fe
```
#5153fe rgb(81,83,254)
```
#6466fe
```
#6466fe rgb(100,102,254)
```
#7879fe
```
#7879fe rgb(120,121,254)
```
#8b8dfe
```
#8b8dfe rgb(139,141,254)
```
#9fa0fe
```
#9fa0fe rgb(159,160,254)
```
#b2b3fe
```
#b2b3fe rgb(178,179,254)
```
#c6c6ff
```
#c6c6ff rgb(198,198,255)
```
#d9daff
```
#d9daff rgb(217,218,255)
```
#ededff
```
#ededff rgb(237,237,255)
```

Tint Color Variation

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

#787888
```
#787888 rgb(120,120,136)
```
#6e6f92
```
#6e6f92 rgb(110,111,146)
```
#65659b
```
#65659b rgb(101,101,155)
```
#5b5ca5
```
#5b5ca5 rgb(91,92,165)
```
#5152af
```
#5152af rgb(81,82,175)
```
#4749b9
```
#4749b9 rgb(71,73,185)
```
#3e3fc2
```
#3e3fc2 rgb(62,63,194)
```
#3436cc
```
#3436cc rgb(52,54,204)
```
#2a2cd6
```
#2a2cd6 rgb(42,44,214)
```
#2023e0
```
#2023e0 rgb(32,35,224)
```
#1719e9
```
#1719e9 rgb(23,25,233)
```
#0d10f3
```
#0d10f3 rgb(13,16,243)
```
#0306fd
```
#0306fd rgb(3,6,253)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#1b1c4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a0 Protanopia 1% of men
#00588a Deuteranopia 1% of men
#005e61 Tritanopia 0.001% of the population

Trichromacy

#0137c2 Protanomaly 1% of men, 0.01% of women
#013ab4 Deuteranomaly 6% of men, 0.4% of women
#013e9a Tritanomaly 0.01% of the population

#0306fd hex color

#0306fd Color Information

#0306fd Color Conversion

Color Schemes with #0306fd

Alternatives to #0306fd

#0306fd Preview

Shades and Tints of #0306fd

Tones of #0306fd

Color Blindness Simulator