#0306b6 hex color

In a RGB color space, hex #0306b6 is composed of 1.2% red, 2.4% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 96.7% magenta, 0% yellow and 28.6% black. It has a hue angle of 239 degrees, a saturation of 96.8% and a lightness of 36.3%. #0306b6 color hex could be obtained by blending #060cff with #00006d. Closest websafe color is: #0000cc.

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

● #0306b6 color description : Strong blue.

The hexadecimal color #0306b6 has RGB values of R:3, G:6, B:182 and CMYK values of C:0.98, M:0.97, Y:0, K:0.29. Its decimal value is 198326.

Hex triplet	0306b6	`#0306b6`
RGB Decimal	3, 6, 182	`rgb(3,6,182)`
RGB Percent	1.2, 2.4, 71.4	`rgb(1.2%,2.4%,71.4%)`
CMYK	98, 97, 0, 29
HSL	239°, 96.8, 36.3	`hsl(239,96.8%,36.3%)`
HSV (or HSB)	239°, 98.4, 71.4
Web Safe	0000cc	`#0000cc`

CIE-LAB	22.039, 60.023, -82.818
XYZ	8.544, 3.526, 44.484
xyY	0.151, 0.062, 3.526
CIE-LCH	22.039, 102.282, 305.933
CIE-LUV	22.039, -6.438, -87.526
Hunter-Lab	18.779, 48.358, -127.305
Binary	00000011, 00000110, 10110110

#0306b6
```
#0306b6 rgb(3,6,182)
```
#b6b303
```
#b6b303 rgb(182,179,3)
```

Complementary Color

#0360b6
```
#0360b6 rgb(3,96,182)
```
#0306b6
```
#0306b6 rgb(3,6,182)
```
#5903b6
```
#5903b6 rgb(89,3,182)
```

Analogous Color

#60b603
```
#60b603 rgb(96,182,3)
```
#0306b6
```
#0306b6 rgb(3,6,182)
```
#b65903
```
#b65903 rgb(182,89,3)
```

Split Complementary Color

#06b603
```
#06b603 rgb(6,182,3)
```
#0306b6
```
#0306b6 rgb(3,6,182)
```
#b60306
```
#b60306 rgb(182,3,6)
```

Triadic Color

#03b6b3
```
#03b6b3 rgb(3,182,179)
```
#0306b6
```
#0306b6 rgb(3,6,182)
```
#b60306
```
#b60306 rgb(182,3,6)
```
#b6b303
```
#b6b303 rgb(182,179,3)
```

Tetradic Color

#02046b
```
#02046b rgb(2,4,107)
```
#020484
```
#020484 rgb(2,4,132)
```
#03059d
```
#03059d rgb(3,5,157)
```
#0306b6
```
#0306b6 rgb(3,6,182)
```
#0307cf
```
#0307cf rgb(3,7,207)
```
#0408e8
```
#0408e8 rgb(4,8,232)
```
#0b0ffb
```
#0b0ffb rgb(11,15,251)
```

Monochromatic Color

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

#0333b6
```
#0333b6 rgb(3,51,182)
```
#0324b6
```
#0324b6 rgb(3,36,182)
```
#0315b6
```
#0315b6 rgb(3,21,182)
```
#0306b6
```
#0306b6 rgb(3,6,182)
```
#0f03b6
```
#0f03b6 rgb(15,3,182)
```
#1e03b6
```
#1e03b6 rgb(30,3,182)
```
#2d03b6
```
#2d03b6 rgb(45,3,182)
```

Similar Colors

Text with hexadecimal color #0306b6

This text has a font color of #0306b6.

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

#0306b6 background color

This paragraph has a background color of #0306b6.

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

#0306b6 border color

This element has a border color of #0306b6.

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

CSS codes

.text {color:#0306b6;}

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

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

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

#000008
```
#000008 rgb(0,0,8)
```
#00011c
```
#00011c rgb(0,1,28)
```
#01022f
```
#01022f rgb(1,2,47)
```
#010242
```
#010242 rgb(1,2,66)
```
#010356
```
#010356 rgb(1,3,86)
```
#020369
```
#020369 rgb(2,3,105)
```
#02047c
```
#02047c rgb(2,4,124)
```
#02058f
```
#02058f rgb(2,5,143)
```
#0305a3
```
#0305a3 rgb(3,5,163)
```
#0306b6
```
#0306b6 rgb(3,6,182)
```
#0307c9
```
#0307c9 rgb(3,7,201)
```
#0407dd
```
#0407dd rgb(4,7,221)
```
#0408f0
```
#0408f0 rgb(4,8,240)
```

Shade Color Variation

#0c10fb
```
#0c10fb rgb(12,16,251)
```
#2023fb
```
#2023fb rgb(32,35,251)
```
#3336fc
```
#3336fc rgb(51,54,252)
```
#4649fc
```
#4649fc rgb(70,73,252)
```
#5a5cfc
```
#5a5cfc rgb(90,92,252)
```
#6d6ffd
```
#6d6ffd rgb(109,111,253)
```
#8082fd
```
#8082fd rgb(128,130,253)
```
#9495fd
```
#9495fd rgb(148,149,253)
```
#a7a8fe
```
#a7a8fe rgb(167,168,254)
```
#babbfe
```
#babbfe rgb(186,187,254)
```
#cdcefe
```
#cdcefe rgb(205,206,254)
```
#e1e1ff
```
#e1e1ff rgb(225,225,255)
```
#f4f4ff
```
#f4f4ff rgb(244,244,255)
```

Tint Color Variation

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

#585961
```
#585961 rgb(88,89,97)
```
#515268
```
#515268 rgb(81,82,104)
```
#4a4b6f
```
#4a4b6f rgb(74,75,111)
```
#434476
```
#434476 rgb(67,68,118)
```
#3c3d7d
```
#3c3d7d rgb(60,61,125)
```
#353684
```
#353684 rgb(53,54,132)
```
#2e2f8b
```
#2e2f8b rgb(46,47,139)
```
#272892
```
#272892 rgb(39,40,146)
```
#1f229a
```
#1f229a rgb(31,34,154)
```
#181ba1
```
#181ba1 rgb(24,27,161)
```
#1114a8
```
#1114a8 rgb(17,20,168)
```
#0a0daf
```
#0a0daf rgb(10,13,175)
```
#0306b6
```
#0306b6 rgb(3,6,182)
```

Tone Color Variation

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

#191919 Achromatopsia 0.005% of the population
#151538 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d77 Protanopia 1% of men
#004166 Deuteranopia 1% of men
#004548 Tritanopia 0.001% of the population

Trichromacy

#01298e Protanomaly 1% of men, 0.01% of women
#012b83 Deuteranomaly 6% of men, 0.4% of women
#012e70 Tritanomaly 0.01% of the population

#0306b6 hex color

#0306b6 Color Information

#0306b6 Color Conversion

Color Schemes with #0306b6

Alternatives to #0306b6

#0306b6 Preview

Shades and Tints of #0306b6

Tones of #0306b6

Color Blindness Simulator