#0311ff hex color

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

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

● #0311ff color description : Vivid blue.

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

Hex triplet	0311ff	`#0311ff`
RGB Decimal	3, 17, 255	`rgb(3,17,255)`
RGB Percent	1.2, 6.7, 100	`rgb(1.2%,6.7%,100%)`
CMYK	99, 93, 0, 0
HSL	236.7°, 100, 50.6	`hsl(236.7,100%,50.6%)`
HSV (or HSB)	236.7°, 98.8, 100
Web Safe	0000ff	`#0000ff`

CIE-LAB	33.219, 76.485, -106.326
XYZ	18.284, 7.639, 95.113
xyY	0.151, 0.063, 7.639
CIE-LCH	33.219, 130.978, 305.729
CIE-LUV	33.219, -9.913, -131.258
Hunter-Lab	27.638, 69.721, -184.69
Binary	00000011, 00010001, 11111111

#0311ff
```
#0311ff rgb(3,17,255)
```
#fff103
```
#fff103 rgb(255,241,3)
```

Complementary Color

#038fff
```
#038fff rgb(3,143,255)
```
#0311ff
```
#0311ff rgb(3,17,255)
```
#7303ff
```
#7303ff rgb(115,3,255)
```

Analogous Color

#8fff03
```
#8fff03 rgb(143,255,3)
```
#0311ff
```
#0311ff rgb(3,17,255)
```
#ff7303
```
#ff7303 rgb(255,115,3)
```

Split Complementary Color

#11ff03
```
#11ff03 rgb(17,255,3)
```
#0311ff
```
#0311ff rgb(3,17,255)
```
#ff0311
```
#ff0311 rgb(255,3,17)
```

Triadic Color

#03fff1
```
#03fff1 rgb(3,255,241)
```
#0311ff
```
#0311ff rgb(3,17,255)
```
#ff0311
```
#ff0311 rgb(255,3,17)
```
#fff103
```
#fff103 rgb(255,241,3)
```

Tetradic Color

#000ab6
```
#000ab6 rgb(0,10,182)
```
#000ccf
```
#000ccf rgb(0,12,207)
```
#000de9
```
#000de9 rgb(0,13,233)
```
#0311ff
```
#0311ff rgb(3,17,255)
```
#1d29ff
```
#1d29ff rgb(29,41,255)
```
#3641ff
```
#3641ff rgb(54,65,255)
```
#5059ff
```
#5059ff rgb(80,89,255)
```

Monochromatic Color

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

#0350ff
```
#0350ff rgb(3,80,255)
```
#033bff
```
#033bff rgb(3,59,255)
```
#0326ff
```
#0326ff rgb(3,38,255)
```
#0311ff
```
#0311ff rgb(3,17,255)
```
#0a03ff
```
#0a03ff rgb(10,3,255)
```
#1f03ff
```
#1f03ff rgb(31,3,255)
```
#3403ff
```
#3403ff rgb(52,3,255)
```

Similar Colors

Text with hexadecimal color #0311ff

This text has a font color of #0311ff.

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

#0311ff background color

This paragraph has a background color of #0311ff.

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

#0311ff border color

This element has a border color of #0311ff.

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

CSS codes

.text {color:#0311ff;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000117
```
#000117 rgb(0,1,23)
```
#00022a
```
#00022a rgb(0,2,42)
```
#00033e
```
#00033e rgb(0,3,62)
```
#000551
```
#000551 rgb(0,5,81)
```
#000665
```
#000665 rgb(0,6,101)
```
#000779
```
#000779 rgb(0,7,121)
```
#00088c
```
#00088c rgb(0,8,140)
```
#0009a0
```
#0009a0 rgb(0,9,160)
```
#000ab4
```
#000ab4 rgb(0,10,180)
```
#000bc7
```
#000bc7 rgb(0,11,199)
```
#000cdb
```
#000cdb rgb(0,12,219)
```
#000dee
```
#000dee rgb(0,13,238)
```

Shade Color Variation

#0311ff
```
#0311ff rgb(3,17,255)
```
#1724ff
```
#1724ff rgb(23,36,255)
```
#2a36ff
```
#2a36ff rgb(42,54,255)
```
#3e49ff
```
#3e49ff rgb(62,73,255)
```
#515bff
```
#515bff rgb(81,91,255)
```
#656eff
```
#656eff rgb(101,110,255)
```
#7980ff
```
#7980ff rgb(121,128,255)
```
#8c93ff
```
#8c93ff rgb(140,147,255)
```
#a0a5ff
```
#a0a5ff rgb(160,165,255)
```
#b4b8ff
```
#b4b8ff rgb(180,184,255)
```
#c7caff
```
#c7caff rgb(199,202,255)
```
#dbddff
```
#dbddff rgb(219,221,255)
```
#eeefff
```
#eeefff rgb(238,239,255)
```

Tint Color Variation

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

#77788b
```
#77788b rgb(119,120,139)
```
#6e7094
```
#6e7094 rgb(110,112,148)
```
#64679e
```
#64679e rgb(100,103,158)
```
#5a5fa8
```
#5a5fa8 rgb(90,95,168)
```
#5156b1
```
#5156b1 rgb(81,86,177)
```
#474dbb
```
#474dbb rgb(71,77,187)
```
#3d45c5
```
#3d45c5 rgb(61,69,197)
```
#333ccf
```
#333ccf rgb(51,60,207)
```
#2a33d8
```
#2a33d8 rgb(42,51,216)
```
#202be2
```
#202be2 rgb(32,43,226)
```
#1622ec
```
#1622ec rgb(22,34,236)
```
#0d1af5
```
#0d1af5 rgb(13,26,245)
```
#0311ff
```
#0311ff rgb(3,17,255)
```

Tone Color Variation

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

#0054a4 Protanopia 1% of men
#005a8d Deuteranopia 1% of men
#006063 Tritanopia 0.001% of the population

Trichromacy

#013cc5 Protanomaly 1% of men, 0.01% of women
#013fb6 Deuteranomaly 6% of men, 0.4% of women
#01439c Tritanomaly 0.01% of the population

#0311ff hex color

#0311ff Color Information

#0311ff Color Conversion

Color Schemes with #0311ff

Alternatives to #0311ff

#0311ff Preview

Shades and Tints of #0311ff

Tones of #0311ff

Color Blindness Simulator