#0300f5 hex color

In a RGB color space, hex #0300f5 is composed of 1.2% red, 0% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 100% magenta, 0% yellow and 3.9% black. It has a hue angle of 240.7 degrees, a saturation of 100% and a lightness of 48%. #0300f5 color hex could be obtained by blending #0600ff with #0000eb. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 1
- G 0
- B 96
RGB color chart
- C 99
- M 100
- Y 0
- K 4
CMYK color chart

● #0300f5 color description : Pure (or mostly pure) blue.

The hexadecimal color #0300f5 has RGB values of R:3, G:0, B:245 and CMYK values of C:0.99, M:1, Y:0, K:0.04. Its decimal value is 196853.

Hex triplet	0300f5	`#0300f5`
RGB Decimal	3, 0, 245	`rgb(3,0,245)`
RGB Percent	1.2, 0, 96.1	`rgb(1.2%,0%,96.1%)`
CMYK	99, 100, 0, 4
HSL	240.7°, 100, 48	`hsl(240.7,100%,48%)`
HSV (or HSB)	240.7°, 100, 96.1
Web Safe	0000ff	`#0000ff`

CIE-LAB	30.904, 76.842, -104.568
XYZ	16.516, 6.611, 86.787
xyY	0.15, 0.06, 6.611
CIE-LCH	30.904, 129.766, 306.31
CIE-LUV	30.904, -8.902, -124.589
Hunter-Lab	25.711, 69.666, -182.133
Binary	00000011, 00000000, 11110101

#0300f5
```
#0300f5 rgb(3,0,245)
```
#f2f500
```
#f2f500 rgb(242,245,0)
```

Complementary Color

#0078f5
```
#0078f5 rgb(0,120,245)
```
#0300f5
```
#0300f5 rgb(3,0,245)
```
#7e00f5
```
#7e00f5 rgb(126,0,245)
```

Analogous Color

#78f500
```
#78f500 rgb(120,245,0)
```
#0300f5
```
#0300f5 rgb(3,0,245)
```
#f57e00
```
#f57e00 rgb(245,126,0)
```

Split Complementary Color

#00f503
```
#00f503 rgb(0,245,3)
```
#0300f5
```
#0300f5 rgb(3,0,245)
```
#f50300
```
#f50300 rgb(245,3,0)
```

Triadic Color

#00f2f5
```
#00f2f5 rgb(0,242,245)
```
#0300f5
```
#0300f5 rgb(3,0,245)
```
#f50300
```
#f50300 rgb(245,3,0)
```
#f2f500
```
#f2f500 rgb(242,245,0)
```

Tetradic Color

#0200a9
```
#0200a9 rgb(2,0,169)
```
#0200c2
```
#0200c2 rgb(2,0,194)
```
#0300dc
```
#0300dc rgb(3,0,220)
```
#0300f5
```
#0300f5 rgb(3,0,245)
```
#1210ff
```
#1210ff rgb(18,16,255)
```
#2c29ff
```
#2c29ff rgb(44,41,255)
```
#4543ff
```
#4543ff rgb(69,67,255)
```

Monochromatic Color

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

#003af5
```
#003af5 rgb(0,58,245)
```
#0026f5
```
#0026f5 rgb(0,38,245)
```
#0011f5
```
#0011f5 rgb(0,17,245)
```
#0300f5
```
#0300f5 rgb(3,0,245)
```
#1700f5
```
#1700f5 rgb(23,0,245)
```
#2c00f5
```
#2c00f5 rgb(44,0,245)
```
#4000f5
```
#4000f5 rgb(64,0,245)
```

Similar Colors

Text with hexadecimal color #0300f5

This text has a font color of #0300f5.

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

#0300f5 background color

This paragraph has a background color of #0300f5.

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

#0300f5 border color

This element has a border color of #0300f5.

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

CSS codes

.text {color:#0300f5;}

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

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

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, #00000a is the darkest color, while #f5f5ff is the lightest one.

#00000a
```
#00000a rgb(0,0,10)
```
#00001d
```
#00001d rgb(0,0,29)
```
#010031
```
#010031 rgb(1,0,49)
```
#010044
```
#010044 rgb(1,0,68)
```
#010058
```
#010058 rgb(1,0,88)
```
#01006c
```
#01006c rgb(1,0,108)
```
#02007f
```
#02007f rgb(2,0,127)
```
#020093
```
#020093 rgb(2,0,147)
```
#0200a7
```
#0200a7 rgb(2,0,167)
```
#0200ba
```
#0200ba rgb(2,0,186)
```
#0300ce
```
#0300ce rgb(3,0,206)
```
#0300e1
```
#0300e1 rgb(3,0,225)
```
#0300f5
```
#0300f5 rgb(3,0,245)
```

Shade Color Variation

#0d0aff
```
#0d0aff rgb(13,10,255)
```
#201dff
```
#201dff rgb(32,29,255)
```
#3331ff
```
#3331ff rgb(51,49,255)
```
#4744ff
```
#4744ff rgb(71,68,255)
```
#5a58ff
```
#5a58ff rgb(90,88,255)
```
#6d6cff
```
#6d6cff rgb(109,108,255)
```
#817fff
```
#817fff rgb(129,127,255)
```
#9493ff
```
#9493ff rgb(148,147,255)
```
#a8a7ff
```
#a8a7ff rgb(168,167,255)
```
#bbbaff
```
#bbbaff rgb(187,186,255)
```
#ceceff
```
#ceceff rgb(206,206,255)
```
#e2e1ff
```
#e2e1ff rgb(226,225,255)
```
#f5f5ff
```
#f5f5ff rgb(245,245,255)
```

Tint Color Variation

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

#717184
```
#717184 rgb(113,113,132)
```
#68688d
```
#68688d rgb(104,104,141)
```
#5f5e97
```
#5f5e97 rgb(95,94,151)
```
#5655a0
```
#5655a0 rgb(86,85,160)
```
#4d4baa
```
#4d4baa rgb(77,75,170)
```
#4342b3
```
#4342b3 rgb(67,66,179)
```
#3a39bc
```
#3a39bc rgb(58,57,188)
```
#312fc6
```
#312fc6 rgb(49,47,198)
```
#2826cf
```
#2826cf rgb(40,38,207)
```
#1f1cd9
```
#1f1cd9 rgb(31,28,217)
```
#1513e2
```
#1513e2 rgb(21,19,226)
```
#0c09ec
```
#0c09ec rgb(12,9,236)
```
#0300f5
```
#0300f5 rgb(3,0,245)
```

Tone Color Variation

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

#1d1d1d Achromatopsia 0.005% of the population
#181748 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509a Protanopia 1% of men
#005485 Deuteranopia 1% of men
#005a5d Tritanopia 0.001% of the population

Trichromacy

#0132bb Protanomaly 1% of men, 0.01% of women
#0135ad Deuteranomaly 6% of men, 0.4% of women
#013994 Tritanomaly 0.01% of the population

#0300f5 hex color

#0300f5 Color Information

#0300f5 Color Conversion

Color Schemes with #0300f5

Alternatives to #0300f5

#0300f5 Preview

Shades and Tints of #0300f5

Tones of #0300f5

Color Blindness Simulator