#0306a2 hex color

In a RGB color space, hex #0306a2 is composed of 1.2% red, 2.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 96.3% magenta, 0% yellow and 36.5% black. It has a hue angle of 238.9 degrees, a saturation of 96.4% and a lightness of 32.4%. #0306a2 color hex could be obtained by blending #060cff with #000045. Closest websafe color is: #000099.

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

● #0306a2 color description : Dark blue.

The hexadecimal color #0306a2 has RGB values of R:3, G:6, B:162 and CMYK values of C:0.98, M:0.96, Y:0, K:0.36. Its decimal value is 198306.

Hex triplet	0306a2	`#0306a2`
RGB Decimal	3, 6, 162	`rgb(3,6,162)`
RGB Percent	1.2, 2.4, 63.5	`rgb(1.2%,2.4%,63.5%)`
CMYK	98, 96, 0, 36
HSL	238.9°, 96.4, 32.4	`hsl(238.9,96.4%,32.4%)`
HSV (or HSB)	238.9°, 98.1, 63.5
Web Safe	000099	`#000099`

CIE-LAB	19.046, 54.689, -75.744
XYZ	6.623, 2.758, 34.364
xyY	0.151, 0.063, 2.758
CIE-LCH	19.046, 93.424, 305.83
CIE-LUV	19.046, -5.568, -75.284
Hunter-Lab	16.606, 42.128, -111.065
Binary	00000011, 00000110, 10100010

#0306a2
```
#0306a2 rgb(3,6,162)
```
#a29f03
```
#a29f03 rgb(162,159,3)
```

Complementary Color

#0356a2
```
#0356a2 rgb(3,86,162)
```
#0306a2
```
#0306a2 rgb(3,6,162)
```
#4f03a2
```
#4f03a2 rgb(79,3,162)
```

Analogous Color

#56a203
```
#56a203 rgb(86,162,3)
```
#0306a2
```
#0306a2 rgb(3,6,162)
```
#a24f03
```
#a24f03 rgb(162,79,3)
```

Split Complementary Color

#06a203
```
#06a203 rgb(6,162,3)
```
#0306a2
```
#0306a2 rgb(3,6,162)
```
#a20306
```
#a20306 rgb(162,3,6)
```

Triadic Color

#03a29f
```
#03a29f rgb(3,162,159)
```
#0306a2
```
#0306a2 rgb(3,6,162)
```
#a20306
```
#a20306 rgb(162,3,6)
```
#a29f03
```
#a29f03 rgb(162,159,3)
```

Tetradic Color

#020357
```
#020357 rgb(2,3,87)
```
#020470
```
#020470 rgb(2,4,112)
```
#030589
```
#030589 rgb(3,5,137)
```
#0306a2
```
#0306a2 rgb(3,6,162)
```
#0307bb
```
#0307bb rgb(3,7,187)
```
#0408d4
```
#0408d4 rgb(4,8,212)
```
#0409ed
```
#0409ed rgb(4,9,237)
```

Monochromatic Color

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

#032ea2
```
#032ea2 rgb(3,46,162)
```
#0321a2
```
#0321a2 rgb(3,33,162)
```
#0313a2
```
#0313a2 rgb(3,19,162)
```
#0306a2
```
#0306a2 rgb(3,6,162)
```
#0d03a2
```
#0d03a2 rgb(13,3,162)
```
#1a03a2
```
#1a03a2 rgb(26,3,162)
```
#2803a2
```
#2803a2 rgb(40,3,162)
```

Similar Colors

Text with hexadecimal color #0306a2

This text has a font color of #0306a2.

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

#0306a2 background color

This paragraph has a background color of #0306a2.

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

#0306a2 border color

This element has a border color of #0306a2.

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

CSS codes

.text {color:#0306a2;}

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

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

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)
```
#01011b
```
#01011b rgb(1,1,27)
```
#01022e
```
#01022e rgb(1,2,46)
```
#010242
```
#010242 rgb(1,2,66)
```
#020355
```
#020355 rgb(2,3,85)
```
#020468
```
#020468 rgb(2,4,104)
```
#02057b
```
#02057b rgb(2,5,123)
```
#03058f
```
#03058f rgb(3,5,143)
```
#0306a2
```
#0306a2 rgb(3,6,162)
```
#0307b5
```
#0307b5 rgb(3,7,181)
```
#0407c9
```
#0407c9 rgb(4,7,201)
```
#0408dc
```
#0408dc rgb(4,8,220)
```
#0409ef
```
#0409ef rgb(4,9,239)
```

Shade Color Variation

#0d11fb
```
#0d11fb rgb(13,17,251)
```
#2024fb
```
#2024fb rgb(32,36,251)
```
#3337fb
```
#3337fb rgb(51,55,251)
```
#464afc
```
#464afc rgb(70,74,252)
```
#5a5dfc
```
#5a5dfc rgb(90,93,252)
```
#6d70fc
```
#6d70fc rgb(109,112,252)
```
#8082fd
```
#8082fd rgb(128,130,253)
```
#9395fd
```
#9395fd rgb(147,149,253)
```
#a7a8fd
```
#a7a8fd rgb(167,168,253)
```
#babbfe
```
#babbfe rgb(186,187,254)
```
#cdcefe
```
#cdcefe rgb(205,206,254)
```
#e0e1fe
```
#e0e1fe rgb(224,225,254)
```
#f4f4ff
```
#f4f4ff rgb(244,244,255)
```

Tint Color Variation

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

#4f4f56
```
#4f4f56 rgb(79,79,86)
```
#49495c
```
#49495c rgb(73,73,92)
```
#424363
```
#424363 rgb(66,67,99)
```
#3c3d69
```
#3c3d69 rgb(60,61,105)
```
#36376f
```
#36376f rgb(54,55,111)
```
#2f3176
```
#2f3176 rgb(47,49,118)
```
#292b7c
```
#292b7c rgb(41,43,124)
```
#232582
```
#232582 rgb(35,37,130)
```
#1c1e89
```
#1c1e89 rgb(28,30,137)
```
#16188f
```
#16188f rgb(22,24,143)
```
#101295
```
#101295 rgb(16,18,149)
```
#090c9c
```
#090c9c rgb(9,12,156)
```
#0306a2
```
#0306a2 rgb(3,6,162)
```

Tone Color Variation

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

#171717 Achromatopsia 0.005% of the population
#131433 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376b Protanopia 1% of men
#003a5c Deuteranopia 1% of men
#003e41 Tritanopia 0.001% of the population

Trichromacy

#01257f Protanomaly 1% of men, 0.01% of women
#012775 Deuteranomaly 6% of men, 0.4% of women
#012a64 Tritanomaly 0.01% of the population

#0306a2 hex color

#0306a2 Color Information

#0306a2 Color Conversion

Color Schemes with #0306a2

Alternatives to #0306a2

#0306a2 Preview

Shades and Tints of #0306a2

Tones of #0306a2

Color Blindness Simulator