#0312f2 hex color

In a RGB color space, hex #0312f2 is composed of 1.2% red, 7.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 92.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 236.2 degrees, a saturation of 97.6% and a lightness of 48%. #0312f2 color hex could be obtained by blending #0624ff with #0000e5. Closest websafe color is: #0000ff.

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

● #0312f2 color description : Vivid blue.

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

Hex triplet	0312f2	`#0312f2`
RGB Decimal	3, 18, 242	`rgb(3,18,242)`
RGB Percent	1.2, 7.1, 94.9	`rgb(1.2%,7.1%,94.9%)`
CMYK	99, 93, 0, 5
HSL	236.2°, 97.6, 48	`hsl(236.2,97.6%,48%)`
HSV (or HSB)	236.2°, 98.8, 94.9
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.489, 72.969, -101.89
XYZ	16.278, 6.861, 84.466
xyY	0.151, 0.064, 6.861
CIE-LCH	31.489, 125.324, 305.609
CIE-LUV	31.489, -9.453, -123.873
Hunter-Lab	26.194, 65.083, -172.849
Binary	00000011, 00010010, 11110010

#0312f2
```
#0312f2 rgb(3,18,242)
```
#f2e303
```
#f2e303 rgb(242,227,3)
```

Complementary Color

#038af2
```
#038af2 rgb(3,138,242)
```
#0312f2
```
#0312f2 rgb(3,18,242)
```
#6c03f2
```
#6c03f2 rgb(108,3,242)
```

Analogous Color

#8af203
```
#8af203 rgb(138,242,3)
```
#0312f2
```
#0312f2 rgb(3,18,242)
```
#f26c03
```
#f26c03 rgb(242,108,3)
```

Split Complementary Color

#12f203
```
#12f203 rgb(18,242,3)
```
#0312f2
```
#0312f2 rgb(3,18,242)
```
#f20312
```
#f20312 rgb(242,3,18)
```

Triadic Color

#03f2e3
```
#03f2e3 rgb(3,242,227)
```
#0312f2
```
#0312f2 rgb(3,18,242)
```
#f20312
```
#f20312 rgb(242,3,18)
```
#f2e303
```
#f2e303 rgb(242,227,3)
```

Tetradic Color

#020ca6
```
#020ca6 rgb(2,12,166)
```
#020ec0
```
#020ec0 rgb(2,14,192)
```
#0310d9
```
#0310d9 rgb(3,16,217)
```
#0312f2
```
#0312f2 rgb(3,18,242)
```
#1221fc
```
#1221fc rgb(18,33,252)
```
#2c39fc
```
#2c39fc rgb(44,57,252)
```
#4550fd
```
#4550fd rgb(69,80,253)
```

Monochromatic Color

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

#034ef2
```
#034ef2 rgb(3,78,242)
```
#033af2
```
#033af2 rgb(3,58,242)
```
#0326f2
```
#0326f2 rgb(3,38,242)
```
#0312f2
```
#0312f2 rgb(3,18,242)
```
#0803f2
```
#0803f2 rgb(8,3,242)
```
#1c03f2
```
#1c03f2 rgb(28,3,242)
```
#3003f2
```
#3003f2 rgb(48,3,242)
```

Similar Colors

Text with hexadecimal color #0312f2

This text has a font color of #0312f2.

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

#0312f2 background color

This paragraph has a background color of #0312f2.

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

#0312f2 border color

This element has a border color of #0312f2.

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

CSS codes

.text {color:#0312f2;}

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

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

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

#000109
```
#000109 rgb(0,1,9)
```
#00021d
```
#00021d rgb(0,2,29)
```
#010430
```
#010430 rgb(1,4,48)
```
#010544
```
#010544 rgb(1,5,68)
```
#010657
```
#010657 rgb(1,6,87)
```
#01086a
```
#01086a rgb(1,8,106)
```
#02097e
```
#02097e rgb(2,9,126)
```
#020b91
```
#020b91 rgb(2,11,145)
```
#020ca4
```
#020ca4 rgb(2,12,164)
```
#020eb8
```
#020eb8 rgb(2,14,184)
```
#030fcb
```
#030fcb rgb(3,15,203)
```
#0311df
```
#0311df rgb(3,17,223)
```
#0312f2
```
#0312f2 rgb(3,18,242)
```

Shade Color Variation

#0d1cfc
```
#0d1cfc rgb(13,28,252)
```
#202efc
```
#202efc rgb(32,46,252)
```
#3340fc
```
#3340fc rgb(51,64,252)
```
#4752fd
```
#4752fd rgb(71,82,253)
```
#5a64fd
```
#5a64fd rgb(90,100,253)
```
#6d77fd
```
#6d77fd rgb(109,119,253)
```
#8189fd
```
#8189fd rgb(129,137,253)
```
#949bfe
```
#949bfe rgb(148,155,254)
```
#a8adfe
```
#a8adfe rgb(168,173,254)
```
#bbbffe
```
#bbbffe rgb(187,191,254)
```
#ced1fe
```
#ced1fe rgb(206,209,254)
```
#e2e4ff
```
#e2e4ff rgb(226,228,255)
```
#f5f6ff
```
#f5f6ff rgb(245,246,255)
```

Tint Color Variation

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

#747581
```
#747581 rgb(116,117,129)
```
#6b6d8a
```
#6b6d8a rgb(107,109,138)
```
#616494
```
#616494 rgb(97,100,148)
```
#585c9d
```
#585c9d rgb(88,92,157)
```
#4e54a7
```
#4e54a7 rgb(78,84,167)
```
#454cb0
```
#454cb0 rgb(69,76,176)
```
#3c43b9
```
#3c43b9 rgb(60,67,185)
```
#323bc3
```
#323bc3 rgb(50,59,195)
```
#2933cc
```
#2933cc rgb(41,51,204)
```
#1f2bd6
```
#1f2bd6 rgb(31,43,214)
```
#1622df
```
#1622df rgb(22,34,223)
```
#0c1ae9
```
#0c1ae9 rgb(12,26,233)
```
#0312f2
```
#0312f2 rgb(3,18,242)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#202350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005687 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#013abc Protanomaly 1% of men, 0.01% of women
#013dae Deuteranomaly 6% of men, 0.4% of women
#014194 Tritanomaly 0.01% of the population

#0312f2 hex color

#0312f2 Color Information

#0312f2 Color Conversion

Color Schemes with #0312f2

Alternatives to #0312f2

#0312f2 Preview

Shades and Tints of #0312f2

Tones of #0312f2

Color Blindness Simulator