#0300b2 hex color

In a RGB color space, hex #0300b2 is composed of 1.2% red, 0% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 100% magenta, 0% yellow and 30.2% black. It has a hue angle of 241 degrees, a saturation of 100% and a lightness of 34.9%. #0300b2 color hex could be obtained by blending #0600ff with #000065. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 0
- B 70
RGB color chart
- C 98
- M 100
- Y 0
- K 30
CMYK color chart

● #0300b2 color description : Dark blue.

The hexadecimal color #0300b2 has RGB values of R:3, G:0, B:178 and CMYK values of C:0.98, M:1, Y:0, K:0.3. Its decimal value is 196786.

Hex triplet	0300b2	`#0300b2`
RGB Decimal	3, 0, 178	`rgb(3,0,178)`
RGB Percent	1.2, 0, 69.8	`rgb(1.2%,0%,69.8%)`
CMYK	98, 100, 0, 30
HSL	241°, 100, 34.9	`hsl(241,100%,34.9%)`
HSV (or HSB)	241°, 100, 69.8
Web Safe	000099	`#000099`

CIE-LAB	20.954, 60.491, -82.238
XYZ	8.072, 3.233, 42.316
xyY	0.151, 0.06, 3.233
CIE-LCH	20.954, 102.09, 306.337
CIE-LUV	20.954, -5.966, -84.385
Hunter-Lab	17.981, 48.665, -126.946
Binary	00000011, 00000000, 10110010

#0300b2
```
#0300b2 rgb(3,0,178)
```
#afb200
```
#afb200 rgb(175,178,0)
```

Complementary Color

#0056b2
```
#0056b2 rgb(0,86,178)
```
#0300b2
```
#0300b2 rgb(3,0,178)
```
#5c00b2
```
#5c00b2 rgb(92,0,178)
```

Analogous Color

#56b200
```
#56b200 rgb(86,178,0)
```
#0300b2
```
#0300b2 rgb(3,0,178)
```
#b25c00
```
#b25c00 rgb(178,92,0)
```

Split Complementary Color

#00b203
```
#00b203 rgb(0,178,3)
```
#0300b2
```
#0300b2 rgb(3,0,178)
```
#b20300
```
#b20300 rgb(178,3,0)
```

Triadic Color

#00afb2
```
#00afb2 rgb(0,175,178)
```
#0300b2
```
#0300b2 rgb(3,0,178)
```
#b20300
```
#b20300 rgb(178,3,0)
```
#afb200
```
#afb200 rgb(175,178,0)
```

Tetradic Color

#020066
```
#020066 rgb(2,0,102)
```
#02007f
```
#02007f rgb(2,0,127)
```
#030099
```
#030099 rgb(3,0,153)
```
#0300b2
```
#0300b2 rgb(3,0,178)
```
#0300cc
```
#0300cc rgb(3,0,204)
```
#0400e5
```
#0400e5 rgb(4,0,229)
```
#0400ff
```
#0400ff rgb(4,0,255)
```

Monochromatic Color

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

#002ab2
```
#002ab2 rgb(0,42,178)
```
#001bb2
```
#001bb2 rgb(0,27,178)
```
#000cb2
```
#000cb2 rgb(0,12,178)
```
#0300b2
```
#0300b2 rgb(3,0,178)
```
#1200b2
```
#1200b2 rgb(18,0,178)
```
#2100b2
```
#2100b2 rgb(33,0,178)
```
#2f00b2
```
#2f00b2 rgb(47,0,178)
```

Similar Colors

Text with hexadecimal color #0300b2

This text has a font color of #0300b2.

<span style="color:#0300b2;">Text here</span>

#0300b2 background color

This paragraph has a background color of #0300b2.

<p style="background-color:#0300b2;">Content here</p>

#0300b2 border color

This element has a border color of #0300b2.

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

CSS codes

.text {color:#0300b2;}

.background {background-color:#0300b2;}

.border {border:1px solid #0300b2;}

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)
```
#000015
```
#000015 rgb(0,0,21)
```
#010029
```
#010029 rgb(1,0,41)
```
#01003c
```
#01003c rgb(1,0,60)
```
#010050
```
#010050 rgb(1,0,80)
```
#020064
```
#020064 rgb(2,0,100)
```
#020077
```
#020077 rgb(2,0,119)
```
#02008b
```
#02008b rgb(2,0,139)
```
#03009e
```
#03009e rgb(3,0,158)
```
#0300b2
```
#0300b2 rgb(3,0,178)
```
#0300c6
```
#0300c6 rgb(3,0,198)
```
#0400d9
```
#0400d9 rgb(4,0,217)
```
#0400ed
```
#0400ed rgb(4,0,237)
```

Shade Color Variation

#0601ff
```
#0601ff rgb(6,1,255)
```
#1915ff
```
#1915ff rgb(25,21,255)
```
#2c29ff
```
#2c29ff rgb(44,41,255)
```
#403cff
```
#403cff rgb(64,60,255)
```
#5350ff
```
#5350ff rgb(83,80,255)
```
#6664ff
```
#6664ff rgb(102,100,255)
```
#7977ff
```
#7977ff rgb(121,119,255)
```
#8d8bff
```
#8d8bff rgb(141,139,255)
```
#a09eff
```
#a09eff rgb(160,158,255)
```
#b3b2ff
```
#b3b2ff rgb(179,178,255)
```
#c7c6ff
```
#c7c6ff rgb(199,198,255)
```
#dad9ff
```
#dad9ff rgb(218,217,255)
```
#ededff
```
#ededff rgb(237,237,255)
```

Tint Color Variation

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

#525260
```
#525260 rgb(82,82,96)
```
#4c4b67
```
#4c4b67 rgb(76,75,103)
```
#45446e
```
#45446e rgb(69,68,110)
```
#3f3e74
```
#3f3e74 rgb(63,62,116)
```
#38377b
```
#38377b rgb(56,55,123)
```
#313082
```
#313082 rgb(49,48,130)
```
#2b2989
```
#2b2989 rgb(43,41,137)
```
#242290
```
#242290 rgb(36,34,144)
```
#1d1b97
```
#1d1b97 rgb(29,27,151)
```
#17159d
```
#17159d rgb(23,21,157)
```
#100ea4
```
#100ea4 rgb(16,14,164)
```
#0a07ab
```
#0a07ab rgb(10,7,171)
```
#0300b2
```
#0300b2 rgb(3,0,178)
```

Tone Color Variation

Below, you can see how #0300b2 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

#151515 Achromatopsia 0.005% of the population
#111134 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b72 Protanopia 1% of men
#003e62 Deuteranopia 1% of men
#004345 Tritanopia 0.001% of the population

Trichromacy

#012589 Protanomaly 1% of men, 0.01% of women
#01287f Deuteranomaly 6% of men, 0.4% of women
#012a6d Tritanomaly 0.01% of the population

#0300b2 hex color

#0300b2 Color Information

#0300b2 Color Conversion

Color Schemes with #0300b2

Alternatives to #0300b2

#0300b2 Preview

Shades and Tints of #0300b2

Tones of #0300b2

Color Blindness Simulator