#0306fa hex color

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

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

● #0306fa color description : Vivid blue.

The hexadecimal color #0306fa has RGB values of R:3, G:6, B:250 and CMYK values of C:0.99, M:0.98, Y:0, K:0.02. Its decimal value is 198394.

Hex triplet	0306fa	`#0306fa`
RGB Decimal	3, 6, 250	`rgb(3,6,250)`
RGB Percent	1.2, 2.4, 98	`rgb(1.2%,2.4%,98%)`
CMYK	99, 98, 0, 2
HSL	239.3°, 97.6, 49.6	`hsl(239.3,97.6%,49.6%)`
HSV (or HSB)	239.3°, 98.8, 98
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.921, 77.101, -105.686
XYZ	17.355, 7.05, 90.883
xyY	0.151, 0.061, 7.05
CIE-LCH	31.921, 130.821, 306.112
CIE-LUV	31.921, -9.31, -127.814
Hunter-Lab	26.553, 70.2, -184.35
Binary	00000011, 00000110, 11111010

#0306fa
```
#0306fa rgb(3,6,250)
```
#faf703
```
#faf703 rgb(250,247,3)
```

Complementary Color

#0382fa
```
#0382fa rgb(3,130,250)
```
#0306fa
```
#0306fa rgb(3,6,250)
```
#7c03fa
```
#7c03fa rgb(124,3,250)
```

Analogous Color

#82fa03
```
#82fa03 rgb(130,250,3)
```
#0306fa
```
#0306fa rgb(3,6,250)
```
#fa7c03
```
#fa7c03 rgb(250,124,3)
```

Split Complementary Color

#06fa03
```
#06fa03 rgb(6,250,3)
```
#0306fa
```
#0306fa rgb(3,6,250)
```
#fa0306
```
#fa0306 rgb(250,3,6)
```

Triadic Color

#03faf7
```
#03faf7 rgb(3,250,247)
```
#0306fa
```
#0306fa rgb(3,6,250)
```
#fa0306
```
#fa0306 rgb(250,3,6)
```
#faf703
```
#faf703 rgb(250,247,3)
```

Tetradic Color

#0204ae
```
#0204ae rgb(2,4,174)
```
#0205c8
```
#0205c8 rgb(2,5,200)
```
#0305e1
```
#0305e1 rgb(3,5,225)
```
#0306fa
```
#0306fa rgb(3,6,250)
```
#1a1dfc
```
#1a1dfc rgb(26,29,252)
```
#3336fd
```
#3336fd rgb(51,54,253)
```
#4d4ffd
```
#4d4ffd rgb(77,79,253)
```

Monochromatic Color

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

#0344fa
```
#0344fa rgb(3,68,250)
```
#032ffa
```
#032ffa rgb(3,47,250)
```
#031bfa
```
#031bfa rgb(3,27,250)
```
#0306fa
```
#0306fa rgb(3,6,250)
```
#1503fa
```
#1503fa rgb(21,3,250)
```
#2903fa
```
#2903fa rgb(41,3,250)
```
#3e03fa
```
#3e03fa rgb(62,3,250)
```

Similar Colors

Text with hexadecimal color #0306fa

This text has a font color of #0306fa.

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

#0306fa background color

This paragraph has a background color of #0306fa.

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

#0306fa border color

This element has a border color of #0306fa.

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

CSS codes

.text {color:#0306fa;}

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

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

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

#000011
```
#000011 rgb(0,0,17)
```
#000125
```
#000125 rgb(0,1,37)
```
#010138
```
#010138 rgb(1,1,56)
```
#01024c
```
#01024c rgb(1,2,76)
```
#01025f
```
#01025f rgb(1,2,95)
```
#010372
```
#010372 rgb(1,3,114)
```
#020386
```
#020386 rgb(2,3,134)
```
#020499
```
#020499 rgb(2,4,153)
```
#0204ac
```
#0204ac rgb(2,4,172)
```
#0205c0
```
#0205c0 rgb(2,5,192)
```
#0305d3
```
#0305d3 rgb(3,5,211)
```
#0306e7
```
#0306e7 rgb(3,6,231)
```
#0306fa
```
#0306fa rgb(3,6,250)
```

Shade Color Variation

#1417fc
```
#1417fc rgb(20,23,252)
```
#282afc
```
#282afc rgb(40,42,252)
```
#3b3efd
```
#3b3efd rgb(59,62,253)
```
#4f51fd
```
#4f51fd rgb(79,81,253)
```
#6264fd
```
#6264fd rgb(98,100,253)
```
#7577fd
```
#7577fd rgb(117,119,253)
```
#898afe
```
#898afe rgb(137,138,254)
```
#9c9dfe
```
#9c9dfe rgb(156,157,254)
```
#afb0fe
```
#afb0fe rgb(175,176,254)
```
#c3c4fe
```
#c3c4fe rgb(195,196,254)
```
#d6d7ff
```
#d6d7ff rgb(214,215,255)
```
#eaeaff
```
#eaeaff rgb(234,234,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#787885
```
#787885 rgb(120,120,133)
```
#6e6e8f
```
#6e6e8f rgb(110,110,143)
```
#646599
```
#646599 rgb(100,101,153)
```
#5b5ba2
```
#5b5ba2 rgb(91,91,162)
```
#5152ac
```
#5152ac rgb(81,82,172)
```
#4748b6
```
#4748b6 rgb(71,72,182)
```
#3d3fc0
```
#3d3fc0 rgb(61,63,192)
```
#3435c9
```
#3435c9 rgb(52,53,201)
```
#2a2cd3
```
#2a2cd3 rgb(42,44,211)
```
#2022dd
```
#2022dd rgb(32,34,221)
```
#1619e7
```
#1619e7 rgb(22,25,231)
```
#0d0ff0
```
#0d0ff0 rgb(13,15,240)
```
#0306fa
```
#0306fa rgb(3,6,250)
```

Tone Color Variation

Below, you can see how #0306fa 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
#1b1c4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#005788 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#0136c0 Protanomaly 1% of men, 0.01% of women
#0139b2 Deuteranomaly 6% of men, 0.4% of women
#013d98 Tritanomaly 0.01% of the population

#0306fa hex color

#0306fa Color Information

#0306fa Color Conversion

Color Schemes with #0306fa

Alternatives to #0306fa

#0306fa Preview

Shades and Tints of #0306fa

Tones of #0306fa

Color Blindness Simulator