#0306c6 hex color

In a RGB color space, hex #0306c6 is composed of 1.2% red, 2.4% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 98.5% cyan, 97% magenta, 0% yellow and 22.4% black. It has a hue angle of 239.1 degrees, a saturation of 97% and a lightness of 39.4%. #0306c6 color hex could be obtained by blending #060cff with #00008d. Closest websafe color is: #0000cc.

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

● #0306c6 color description : Strong blue.

The hexadecimal color #0306c6 has RGB values of R:3, G:6, B:198 and CMYK values of C:0.98, M:0.97, Y:0, K:0.22. Its decimal value is 198342.

Hex triplet	0306c6	`#0306c6`
RGB Decimal	3, 6, 198	`rgb(3,6,198)`
RGB Percent	1.2, 2.4, 77.6	`rgb(1.2%,2.4%,77.6%)`
CMYK	98, 97, 0, 22
HSL	239.1°, 97, 39.4	`hsl(239.1,97%,39.4%)`
HSV (or HSB)	239.1°, 98.5, 77.6
Web Safe	0000cc	`#0000cc`

CIE-LAB	24.405, 64.172, -88.349
XYZ	10.294, 4.226, 53.696
xyY	0.151, 0.062, 4.226
CIE-LCH	24.405, 109.195, 305.993
CIE-LUV	24.405, -7.125, -97.188
Hunter-Lab	20.557, 53.406, -140.477
Binary	00000011, 00000110, 11000110

#0306c6
```
#0306c6 rgb(3,6,198)
```
#c6c303
```
#c6c303 rgb(198,195,3)
```

Complementary Color

#0368c6
```
#0368c6 rgb(3,104,198)
```
#0306c6
```
#0306c6 rgb(3,6,198)
```
#6103c6
```
#6103c6 rgb(97,3,198)
```

Analogous Color

#68c603
```
#68c603 rgb(104,198,3)
```
#0306c6
```
#0306c6 rgb(3,6,198)
```
#c66103
```
#c66103 rgb(198,97,3)
```

Split Complementary Color

#06c603
```
#06c603 rgb(6,198,3)
```
#0306c6
```
#0306c6 rgb(3,6,198)
```
#c60306
```
#c60306 rgb(198,3,6)
```

Triadic Color

#03c6c3
```
#03c6c3 rgb(3,198,195)
```
#0306c6
```
#0306c6 rgb(3,6,198)
```
#c60306
```
#c60306 rgb(198,3,6)
```
#c6c303
```
#c6c303 rgb(198,195,3)
```

Tetradic Color

#02047b
```
#02047b rgb(2,4,123)
```
#020494
```
#020494 rgb(2,4,148)
```
#0305ad
```
#0305ad rgb(3,5,173)
```
#0306c6
```
#0306c6 rgb(3,6,198)
```
#0307df
```
#0307df rgb(3,7,223)
```
#0408f8
```
#0408f8 rgb(4,8,248)
```
#1a1dfc
```
#1a1dfc rgb(26,29,252)
```

Monochromatic Color

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

#0337c6
```
#0337c6 rgb(3,55,198)
```
#0327c6
```
#0327c6 rgb(3,39,198)
```
#0316c6
```
#0316c6 rgb(3,22,198)
```
#0306c6
```
#0306c6 rgb(3,6,198)
```
#1003c6
```
#1003c6 rgb(16,3,198)
```
#2003c6
```
#2003c6 rgb(32,3,198)
```
#3103c6
```
#3103c6 rgb(49,3,198)
```

Similar Colors

Text with hexadecimal color #0306c6

This text has a font color of #0306c6.

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

#0306c6 background color

This paragraph has a background color of #0306c6.

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

#0306c6 border color

This element has a border color of #0306c6.

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

CSS codes

.text {color:#0306c6;}

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

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

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

#000005
```
#000005 rgb(0,0,5)
```
#000118
```
#000118 rgb(0,1,24)
```
#01012b
```
#01012b rgb(1,1,43)
```
#01023f
```
#01023f rgb(1,2,63)
```
#010252
```
#010252 rgb(1,2,82)
```
#020365
```
#020365 rgb(2,3,101)
```
#020479
```
#020479 rgb(2,4,121)
```
#02048c
```
#02048c rgb(2,4,140)
```
#02059f
```
#02059f rgb(2,5,159)
```
#0305b3
```
#0305b3 rgb(3,5,179)
```
#0306c6
```
#0306c6 rgb(3,6,198)
```
#0307d9
```
#0307d9 rgb(3,7,217)
```
#0407ed
```
#0407ed rgb(4,7,237)
```

Shade Color Variation

#090cfb
```
#090cfb rgb(9,12,251)
```
#1c1ffc
```
#1c1ffc rgb(28,31,252)
```
#2f32fc
```
#2f32fc rgb(47,50,252)
```
#4345fc
```
#4345fc rgb(67,69,252)
```
#5658fc
```
#5658fc rgb(86,88,252)
```
#696bfd
```
#696bfd rgb(105,107,253)
```
#7d7efd
```
#7d7efd rgb(125,126,253)
```
#9092fd
```
#9092fd rgb(144,146,253)
```
#a3a5fe
```
#a3a5fe rgb(163,165,254)
```
#b6b8fe
```
#b6b8fe rgb(182,184,254)
```
#cacbfe
```
#cacbfe rgb(202,203,254)
```
#dddefe
```
#dddefe rgb(221,222,254)
```
#f0f1ff
```
#f0f1ff rgb(240,241,255)
```

Tint Color Variation

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

#606069
```
#606069 rgb(96,96,105)
```
#585871
```
#585871 rgb(88,88,113)
```
#505179
```
#505179 rgb(80,81,121)
```
#494980
```
#494980 rgb(73,73,128)
```
#414288
```
#414288 rgb(65,66,136)
```
#393a90
```
#393a90 rgb(57,58,144)
```
#313398
```
#313398 rgb(49,51,152)
```
#2a2b9f
```
#2a2b9f rgb(42,43,159)
```
#2224a7
```
#2224a7 rgb(34,36,167)
```
#1a1caf
```
#1a1caf rgb(26,28,175)
```
#1215b7
```
#1215b7 rgb(18,21,183)
```
#0b0dbe
```
#0b0dbe rgb(11,13,190)
```
#0306c6
```
#0306c6 rgb(3,6,198)
```

Tone Color Variation

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

#1b1b1b Achromatopsia 0.005% of the population
#16173d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004280 Protanopia 1% of men
#00466e Deuteranopia 1% of men
#004b4d Tritanopia 0.001% of the population

Trichromacy

#012c99 Protanomaly 1% of men, 0.01% of women
#012e8e Deuteranomaly 6% of men, 0.4% of women
#013179 Tritanomaly 0.01% of the population

#0306c6 hex color

#0306c6 Color Information

#0306c6 Color Conversion

Color Schemes with #0306c6

Alternatives to #0306c6

#0306c6 Preview

Shades and Tints of #0306c6

Tones of #0306c6

Color Blindness Simulator