#0306c2 hex color

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

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

● #0306c2 color description : Strong blue.

The hexadecimal color #0306c2 has RGB values of R:3, G:6, B:194 and CMYK values of C:0.98, M:0.97, Y:0, K:0.24. Its decimal value is 198338.

Hex triplet	0306c2	`#0306c2`
RGB Decimal	3, 6, 194	`rgb(3,6,194)`
RGB Percent	1.2, 2.4, 76.1	`rgb(1.2%,2.4%,76.1%)`
CMYK	98, 97, 0, 24
HSL	239.1°, 97, 38.6	`hsl(239.1,97%,38.6%)`
HSV (or HSB)	239.1°, 98.5, 76.1
Web Safe	0000cc	`#0000cc`

CIE-LAB	23.816, 63.143, -86.976
XYZ	9.838, 4.044, 51.298
xyY	0.151, 0.062, 4.044
CIE-LCH	23.816, 107.48, 305.979
CIE-LUV	23.816, -6.954, -94.784
Hunter-Lab	20.109, 52.138, -137.169
Binary	00000011, 00000110, 11000010

#0306c2
```
#0306c2 rgb(3,6,194)
```
#c2bf03
```
#c2bf03 rgb(194,191,3)
```

Complementary Color

#0366c2
```
#0366c2 rgb(3,102,194)
```
#0306c2
```
#0306c2 rgb(3,6,194)
```
#5f03c2
```
#5f03c2 rgb(95,3,194)
```

Analogous Color

#66c203
```
#66c203 rgb(102,194,3)
```
#0306c2
```
#0306c2 rgb(3,6,194)
```
#c26003
```
#c26003 rgb(194,96,3)
```

Split Complementary Color

#06c203
```
#06c203 rgb(6,194,3)
```
#0306c2
```
#0306c2 rgb(3,6,194)
```
#c20306
```
#c20306 rgb(194,3,6)
```

Triadic Color

#03c2bf
```
#03c2bf rgb(3,194,191)
```
#0306c2
```
#0306c2 rgb(3,6,194)
```
#c20306
```
#c20306 rgb(194,3,6)
```
#c2bf03
```
#c2bf03 rgb(194,191,3)
```

Tetradic Color

#020477
```
#020477 rgb(2,4,119)
```
#020490
```
#020490 rgb(2,4,144)
```
#0305a9
```
#0305a9 rgb(3,5,169)
```
#0306c2
```
#0306c2 rgb(3,6,194)
```
#0307db
```
#0307db rgb(3,7,219)
```
#0408f4
```
#0408f4 rgb(4,8,244)
```
#161afb
```
#161afb rgb(22,26,251)
```

Monochromatic Color

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

#0336c2
```
#0336c2 rgb(3,54,194)
```
#0326c2
```
#0326c2 rgb(3,38,194)
```
#0316c2
```
#0316c2 rgb(3,22,194)
```
#0306c2
```
#0306c2 rgb(3,6,194)
```
#1003c2
```
#1003c2 rgb(16,3,194)
```
#2003c2
```
#2003c2 rgb(32,3,194)
```
#3003c2
```
#3003c2 rgb(48,3,194)
```

Similar Colors

Text with hexadecimal color #0306c2

This text has a font color of #0306c2.

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

#0306c2 background color

This paragraph has a background color of #0306c2.

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

#0306c2 border color

This element has a border color of #0306c2.

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

CSS codes

.text {color:#0306c2;}

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

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

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)
```
#000114
```
#000114 rgb(0,1,20)
```
#010127
```
#010127 rgb(1,1,39)
```
#01023b
```
#01023b rgb(1,2,59)
```
#01024e
```
#01024e rgb(1,2,78)
```
#020361
```
#020361 rgb(2,3,97)
```
#020475
```
#020475 rgb(2,4,117)
```
#020488
```
#020488 rgb(2,4,136)
```
#02059b
```
#02059b rgb(2,5,155)
```
#0305af
```
#0305af rgb(3,5,175)
```
#0306c2
```
#0306c2 rgb(3,6,194)
```
#0307d5
```
#0307d5 rgb(3,7,213)
```
#0407e9
```
#0407e9 rgb(4,7,233)
```

Shade Color Variation

#0509fb
```
#0509fb rgb(5,9,251)
```
#181cfb
```
#181cfb rgb(24,28,251)
```
#2b2ffc
```
#2b2ffc rgb(43,47,252)
```
#3f42fc
```
#3f42fc rgb(63,66,252)
```
#5255fc
```
#5255fc rgb(82,85,252)
```
#6568fd
```
#6568fd rgb(101,104,253)
```
#797bfd
```
#797bfd rgb(121,123,253)
```
#8c8efd
```
#8c8efd rgb(140,142,253)
```
#9fa1fe
```
#9fa1fe rgb(159,161,254)
```
#b3b4fe
```
#b3b4fe rgb(179,180,254)
```
#c6c7fe
```
#c6c7fe rgb(198,199,254)
```
#d9dafe
```
#d9dafe rgb(217,218,254)
```
#ededff
```
#ededff rgb(237,237,255)
```

Tint Color Variation

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

#5e5e67
```
#5e5e67 rgb(94,94,103)
```
#56576f
```
#56576f rgb(86,87,111)
```
#4f4f76
```
#4f4f76 rgb(79,79,118)
```
#47487e
```
#47487e rgb(71,72,126)
```
#404185
```
#404185 rgb(64,65,133)
```
#38398d
```
#38398d rgb(56,57,141)
```
#303295
```
#303295 rgb(48,50,149)
```
#292b9c
```
#292b9c rgb(41,43,156)
```
#2123a4
```
#2123a4 rgb(33,35,164)
```
#1a1cab
```
#1a1cab rgb(26,28,171)
```
#1215b3
```
#1215b3 rgb(18,21,179)
```
#0b0dba
```
#0b0dba rgb(11,13,186)
```
#0306c2
```
#0306c2 rgb(3,6,194)
```

Tone Color Variation

Below, you can see how #0306c2 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
#16173c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417e Protanopia 1% of men
#00456c Deuteranopia 1% of men
#00494c Tritanopia 0.001% of the population

Trichromacy

#012b96 Protanomaly 1% of men, 0.01% of women
#012e8b Deuteranomaly 6% of men, 0.4% of women
#013177 Tritanomaly 0.01% of the population

#0306c2 hex color

#0306c2 Color Information

#0306c2 Color Conversion

Color Schemes with #0306c2

Alternatives to #0306c2

#0306c2 Preview

Shades and Tints of #0306c2

Tones of #0306c2

Color Blindness Simulator