#0311fd hex color

In a RGB color space, hex #0311fd is composed of 1.2% red, 6.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 93.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 236.6 degrees, a saturation of 98.4% and a lightness of 50.2%. #0311fd color hex could be obtained by blending #0622ff with #0000fb. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 1
- G 7
- B 99
RGB color chart
- C 99
- M 93
- Y 0
- K 1
CMYK color chart

● #0311fd color description : Vivid blue.

The hexadecimal color #0311fd has RGB values of R:3, G:17, B:253 and CMYK values of C:0.99, M:0.93, Y:0, K:0.01. Its decimal value is 201213.

Hex triplet	0311fd	`#0311fd`
RGB Decimal	3, 17, 253	`rgb(3,17,253)`
RGB Percent	1.2, 6.7, 99.2	`rgb(1.2%,6.7%,99.2%)`
CMYK	99, 93, 0, 1
HSL	236.6°, 98.4, 50.2	`hsl(236.6,98.4%,50.2%)`
HSV (or HSB)	236.6°, 98.8, 99.2
Web Safe	0000ff	`#0000ff`

CIE-LAB	32.942, 75.983, -105.666
XYZ	17.964, 7.511, 93.426
xyY	0.151, 0.063, 7.511
CIE-LCH	32.942, 130.148, 305.719
CIE-LUV	32.942, -9.835, -130.115
Hunter-Lab	27.406, 69.045, -182.936
Binary	00000011, 00010001, 11111101

#0311fd
```
#0311fd rgb(3,17,253)
```
#fdef03
```
#fdef03 rgb(253,239,3)
```

Complementary Color

#038efd
```
#038efd rgb(3,142,253)
```
#0311fd
```
#0311fd rgb(3,17,253)
```
#7203fd
```
#7203fd rgb(114,3,253)
```

Analogous Color

#8efd03
```
#8efd03 rgb(142,253,3)
```
#0311fd
```
#0311fd rgb(3,17,253)
```
#fd7203
```
#fd7203 rgb(253,114,3)
```

Split Complementary Color

#11fd03
```
#11fd03 rgb(17,253,3)
```
#0311fd
```
#0311fd rgb(3,17,253)
```
#fd0311
```
#fd0311 rgb(253,3,17)
```

Triadic Color

#03fdef
```
#03fdef rgb(3,253,239)
```
#0311fd
```
#0311fd rgb(3,17,253)
```
#fd0311
```
#fd0311 rgb(253,3,17)
```
#fdef03
```
#fdef03 rgb(253,239,3)
```

Tetradic Color

#010bb2
```
#010bb2 rgb(1,11,178)
```
#020dcb
```
#020dcb rgb(2,13,203)
```
#020fe5
```
#020fe5 rgb(2,15,229)
```
#0311fd
```
#0311fd rgb(3,17,253)
```
#1c29fd
```
#1c29fd rgb(28,41,253)
```
#3641fd
```
#3641fd rgb(54,65,253)
```
#4f59fe
```
#4f59fe rgb(79,89,254)
```

Monochromatic Color

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

#0350fd
```
#0350fd rgb(3,80,253)
```
#033bfd
```
#033bfd rgb(3,59,253)
```
#0326fd
```
#0326fd rgb(3,38,253)
```
#0311fd
```
#0311fd rgb(3,17,253)
```
#0a03fd
```
#0a03fd rgb(10,3,253)
```
#1f03fd
```
#1f03fd rgb(31,3,253)
```
#3403fd
```
#3403fd rgb(52,3,253)
```

Similar Colors

Text with hexadecimal color #0311fd

This text has a font color of #0311fd.

<span style="color:#0311fd;">Text here</span>

#0311fd background color

This paragraph has a background color of #0311fd.

<p style="background-color:#0311fd;">Content here</p>

#0311fd border color

This element has a border color of #0311fd.

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

CSS codes

.text {color:#0311fd;}

.background {background-color:#0311fd;}

.border {border:1px solid #0311fd;}

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 #edeeff is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#000114
```
#000114 rgb(0,1,20)
```
#000328
```
#000328 rgb(0,3,40)
```
#00043b
```
#00043b rgb(0,4,59)
```
#01054f
```
#01054f rgb(1,5,79)
```
#010662
```
#010662 rgb(1,6,98)
```
#010776
```
#010776 rgb(1,7,118)
```
#010989
```
#010989 rgb(1,9,137)
```
#010a9d
```
#010a9d rgb(1,10,157)
```
#010bb0
```
#010bb0 rgb(1,11,176)
```
#020cc4
```
#020cc4 rgb(2,12,196)
```
#020ed7
```
#020ed7 rgb(2,14,215)
```
#020feb
```
#020feb rgb(2,15,235)
```

Shade Color Variation

#0311fd
```
#0311fd rgb(3,17,253)
```
#1623fd
```
#1623fd rgb(22,35,253)
```
#2a36fd
```
#2a36fd rgb(42,54,253)
```
#3d48fd
```
#3d48fd rgb(61,72,253)
```
#515bfe
```
#515bfe rgb(81,91,254)
```
#646dfe
```
#646dfe rgb(100,109,254)
```
#787ffe
```
#787ffe rgb(120,127,254)
```
#8b92fe
```
#8b92fe rgb(139,146,254)
```
#9fa4fe
```
#9fa4fe rgb(159,164,254)
```
#b2b6fe
```
#b2b6fe rgb(178,182,254)
```
#c6c9ff
```
#c6c9ff rgb(198,201,255)
```
#d9dbff
```
#d9dbff rgb(217,219,255)
```
#edeeff
```
#edeeff rgb(237,238,255)
```

Tint Color Variation

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

#787988
```
#787988 rgb(120,121,136)
```
#6e7092
```
#6e7092 rgb(110,112,146)
```
#65689b
```
#65689b rgb(101,104,155)
```
#5b5fa5
```
#5b5fa5 rgb(91,95,165)
```
#5156af
```
#5156af rgb(81,86,175)
```
#474eb9
```
#474eb9 rgb(71,78,185)
```
#3e45c2
```
#3e45c2 rgb(62,69,194)
```
#343ccc
```
#343ccc rgb(52,60,204)
```
#2a34d6
```
#2a34d6 rgb(42,52,214)
```
#202be0
```
#202be0 rgb(32,43,224)
```
#1722e9
```
#1722e9 rgb(23,34,233)
```
#0d1af3
```
#0d1af3 rgb(13,26,243)
```
#0311fd
```
#0311fd rgb(3,17,253)
```

Tone Color Variation

Below, you can see how #0311fd 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

#282828 Achromatopsia 0.005% of the population
#212353 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598c Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#013bc3 Protanomaly 1% of men, 0.01% of women
#013fb5 Deuteranomaly 6% of men, 0.4% of women
#01429b Tritanomaly 0.01% of the population

#0311fd hex color

#0311fd Color Information

#0311fd Color Conversion

Color Schemes with #0311fd

Alternatives to #0311fd

#0311fd Preview

Shades and Tints of #0311fd

Tones of #0311fd

Color Blindness Simulator