#0300b4 hex color

In a RGB color space, hex #0300b4 is composed of 1.2% red, 0% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 100% magenta, 0% yellow and 29.4% black. It has a hue angle of 241 degrees, a saturation of 100% and a lightness of 35.3%. #0300b4 color hex could be obtained by blending #0600ff with #000069. Closest websafe color is: #0000cc.

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

● #0300b4 color description : Strong blue.

The hexadecimal color #0300b4 has RGB values of R:3, G:0, B:180 and CMYK values of C:0.98, M:1, Y:0, K:0.29. Its decimal value is 196788.

Hex triplet	0300b4	`#0300b4`
RGB Decimal	3, 0, 180	`rgb(3,0,180)`
RGB Percent	1.2, 0, 70.6	`rgb(1.2%,0%,70.6%)`
CMYK	98, 100, 0, 29
HSL	241°, 100, 35.3	`hsl(241,100%,35.3%)`
HSV (or HSB)	241°, 100, 70.6
Web Safe	0000cc	`#0000cc`

CIE-LAB	21.26, 60.994, -82.926
XYZ	8.274, 3.314, 43.381
xyY	0.151, 0.06, 3.314
CIE-LCH	21.26, 102.942, 306.336
CIE-LUV	21.26, -6.056, -85.621
Hunter-Lab	18.204, 49.273, -128.545
Binary	00000011, 00000000, 10110100

#0300b4
```
#0300b4 rgb(3,0,180)
```
#b1b400
```
#b1b400 rgb(177,180,0)
```

Complementary Color

#0057b4
```
#0057b4 rgb(0,87,180)
```
#0300b4
```
#0300b4 rgb(3,0,180)
```
#5d00b4
```
#5d00b4 rgb(93,0,180)
```

Analogous Color

#57b400
```
#57b400 rgb(87,180,0)
```
#0300b4
```
#0300b4 rgb(3,0,180)
```
#b45d00
```
#b45d00 rgb(180,93,0)
```

Split Complementary Color

#00b403
```
#00b403 rgb(0,180,3)
```
#0300b4
```
#0300b4 rgb(3,0,180)
```
#b40300
```
#b40300 rgb(180,3,0)
```

Triadic Color

#00b1b4
```
#00b1b4 rgb(0,177,180)
```
#0300b4
```
#0300b4 rgb(3,0,180)
```
#b40300
```
#b40300 rgb(180,3,0)
```
#b1b400
```
#b1b400 rgb(177,180,0)
```

Tetradic Color

#020068
```
#020068 rgb(2,0,104)
```
#020081
```
#020081 rgb(2,0,129)
```
#03009b
```
#03009b rgb(3,0,155)
```
#0300b4
```
#0300b4 rgb(3,0,180)
```
#0300ce
```
#0300ce rgb(3,0,206)
```
#0400e7
```
#0400e7 rgb(4,0,231)
```
#0601ff
```
#0601ff rgb(6,1,255)
```

Monochromatic Color

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

#002ab4
```
#002ab4 rgb(0,42,180)
```
#001bb4
```
#001bb4 rgb(0,27,180)
```
#000cb4
```
#000cb4 rgb(0,12,180)
```
#0300b4
```
#0300b4 rgb(3,0,180)
```
#1200b4
```
#1200b4 rgb(18,0,180)
```
#2100b4
```
#2100b4 rgb(33,0,180)
```
#3000b4
```
#3000b4 rgb(48,0,180)
```

Similar Colors

Text with hexadecimal color #0300b4

This text has a font color of #0300b4.

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

#0300b4 background color

This paragraph has a background color of #0300b4.

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

#0300b4 border color

This element has a border color of #0300b4.

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

CSS codes

.text {color:#0300b4;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000017
```
#000017 rgb(0,0,23)
```
#01002b
```
#01002b rgb(1,0,43)
```
#01003e
```
#01003e rgb(1,0,62)
```
#010052
```
#010052 rgb(1,0,82)
```
#020066
```
#020066 rgb(2,0,102)
```
#020079
```
#020079 rgb(2,0,121)
```
#02008d
```
#02008d rgb(2,0,141)
```
#0300a0
```
#0300a0 rgb(3,0,160)
```
#0300b4
```
#0300b4 rgb(3,0,180)
```
#0300c8
```
#0300c8 rgb(3,0,200)
```
#0400db
```
#0400db rgb(4,0,219)
```
#0400ef
```
#0400ef rgb(4,0,239)
```

Shade Color Variation

#0803ff
```
#0803ff rgb(8,3,255)
```
#1b17ff
```
#1b17ff rgb(27,23,255)
```
#2e2bff
```
#2e2bff rgb(46,43,255)
```
#423eff
```
#423eff rgb(66,62,255)
```
#5552ff
```
#5552ff rgb(85,82,255)
```
#6866ff
```
#6866ff rgb(104,102,255)
```
#7b79ff
```
#7b79ff rgb(123,121,255)
```
#8f8dff
```
#8f8dff rgb(143,141,255)
```
#a2a0ff
```
#a2a0ff rgb(162,160,255)
```
#b5b4ff
```
#b5b4ff rgb(181,180,255)
```
#c9c8ff
```
#c9c8ff rgb(201,200,255)
```
#dcdbff
```
#dcdbff rgb(220,219,255)
```
#efefff
```
#efefff rgb(239,239,255)
```

Tint Color Variation

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

#535361
```
#535361 rgb(83,83,97)
```
#4d4c68
```
#4d4c68 rgb(77,76,104)
```
#46456f
```
#46456f rgb(70,69,111)
```
#3f3e76
```
#3f3e76 rgb(63,62,118)
```
#39377d
```
#39377d rgb(57,55,125)
```
#323084
```
#323084 rgb(50,48,132)
```
#2b2a8a
```
#2b2a8a rgb(43,42,138)
```
#242391
```
#242391 rgb(36,35,145)
```
#1e1c98
```
#1e1c98 rgb(30,28,152)
```
#17159f
```
#17159f rgb(23,21,159)
```
#100ea6
```
#100ea6 rgb(16,14,166)
```
#0a07ad
```
#0a07ad rgb(10,7,173)
```
#0300b4
```
#0300b4 rgb(3,0,180)
```

Tone Color Variation

Below, you can see how #0300b4 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
#111135 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c74 Protanopia 1% of men
#003f63 Deuteranopia 1% of men
#004346 Tritanopia 0.001% of the population

Trichromacy

#01268b Protanomaly 1% of men, 0.01% of women
#012881 Deuteranomaly 6% of men, 0.4% of women
#012b6e Tritanomaly 0.01% of the population

#0300b4 hex color

#0300b4 Color Information

#0300b4 Color Conversion

Color Schemes with #0300b4

Alternatives to #0300b4

#0300b4 Preview

Shades and Tints of #0300b4

Tones of #0300b4

Color Blindness Simulator