#0312ff hex color

In a RGB color space, hex #0312ff is composed of 1.2% red, 7.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 92.9% magenta, 0% yellow and 0% black. It has a hue angle of 236.4 degrees, a saturation of 100% and a lightness of 50.6%. #0312ff color hex could be obtained by blending #0624ff 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

● #0312ff color description : Vivid blue.

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

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

CIE-LAB	33.287, 76.275, -106.212
XYZ	18.3, 7.671, 95.118
xyY	0.151, 0.063, 7.671
CIE-LCH	33.287, 130.763, 305.684
CIE-LUV	33.287, -9.96, -131.318
Hunter-Lab	27.696, 69.478, -184.239
Binary	00000011, 00010010, 11111111

#0312ff
```
#0312ff rgb(3,18,255)
```
#fff003
```
#fff003 rgb(255,240,3)
```

Complementary Color

#0390ff
```
#0390ff rgb(3,144,255)
```
#0312ff
```
#0312ff rgb(3,18,255)
```
#7203ff
```
#7203ff rgb(114,3,255)
```

Analogous Color

#90ff03
```
#90ff03 rgb(144,255,3)
```
#0312ff
```
#0312ff rgb(3,18,255)
```
#ff7203
```
#ff7203 rgb(255,114,3)
```

Split Complementary Color

#12ff03
```
#12ff03 rgb(18,255,3)
```
#0312ff
```
#0312ff rgb(3,18,255)
```
#ff0312
```
#ff0312 rgb(255,3,18)
```

Triadic Color

#03fff0
```
#03fff0 rgb(3,255,240)
```
#0312ff
```
#0312ff rgb(3,18,255)
```
#ff0312
```
#ff0312 rgb(255,3,18)
```
#fff003
```
#fff003 rgb(255,240,3)
```

Tetradic Color

#000bb6
```
#000bb6 rgb(0,11,182)
```
#000ccf
```
#000ccf rgb(0,12,207)
```
#000ee9
```
#000ee9 rgb(0,14,233)
```
#0312ff
```
#0312ff rgb(3,18,255)
```
#1d2aff
```
#1d2aff rgb(29,42,255)
```
#3642ff
```
#3642ff rgb(54,66,255)
```
#505aff
```
#505aff rgb(80,90,255)
```

Monochromatic Color

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

#0351ff
```
#0351ff rgb(3,81,255)
```
#033cff
```
#033cff rgb(3,60,255)
```
#0327ff
```
#0327ff rgb(3,39,255)
```
#0312ff
```
#0312ff rgb(3,18,255)
```
#0903ff
```
#0903ff rgb(9,3,255)
```
#1e03ff
```
#1e03ff rgb(30,3,255)
```
#3303ff
```
#3303ff rgb(51,3,255)
```

Similar Colors

Text with hexadecimal color #0312ff

This text has a font color of #0312ff.

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

#0312ff background color

This paragraph has a background color of #0312ff.

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

#0312ff border color

This element has a border color of #0312ff.

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

CSS codes

.text {color:#0312ff;}

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

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

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)
```
#00032a
```
#00032a rgb(0,3,42)
```
#00043e
```
#00043e rgb(0,4,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)
```
#000aa0
```
#000aa0 rgb(0,10,160)
```
#000bb4
```
#000bb4 rgb(0,11,180)
```
#000cc7
```
#000cc7 rgb(0,12,199)
```
#000ddb
```
#000ddb rgb(0,13,219)
```
#000eee
```
#000eee rgb(0,14,238)
```

Shade Color Variation

#0312ff
```
#0312ff rgb(3,18,255)
```
#1724ff
```
#1724ff rgb(23,36,255)
```
#2a37ff
```
#2a37ff rgb(42,55,255)
```
#3e49ff
```
#3e49ff rgb(62,73,255)
```
#515cff
```
#515cff rgb(81,92,255)
```
#656eff
```
#656eff rgb(101,110,255)
```
#7981ff
```
#7981ff rgb(121,129,255)
```
#8c93ff
```
#8c93ff rgb(140,147,255)
```
#a0a6ff
```
#a0a6ff rgb(160,166,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 #0312ff 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)
```
#474ebb
```
#474ebb rgb(71,78,187)
```
#3d45c5
```
#3d45c5 rgb(61,69,197)
```
#333dcf
```
#333dcf rgb(51,61,207)
```
#2a34d8
```
#2a34d8 rgb(42,52,216)
```
#202ce2
```
#202ce2 rgb(32,44,226)
```
#1623ec
```
#1623ec rgb(22,35,236)
```
#0d1bf5
```
#0d1bf5 rgb(13,27,245)
```
#0312ff
```
#0312ff rgb(3,18,255)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#212454 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a4 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
#013fb7 Deuteranomaly 6% of men, 0.4% of women
#01439c Tritanomaly 0.01% of the population

#0312ff hex color

#0312ff Color Information

#0312ff Color Conversion

Color Schemes with #0312ff

Alternatives to #0312ff

#0312ff Preview

Shades and Tints of #0312ff

Tones of #0312ff

Color Blindness Simulator