#0312de hex color

In a RGB color space, hex #0312de is composed of 1.2% red, 7.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 91.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 235.9 degrees, a saturation of 97.3% and a lightness of 44.1%. #0312de color hex could be obtained by blending #0624ff with #0000bd. Closest websafe color is: #0000cc.

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

● #0312de color description : Vivid blue.

The hexadecimal color #0312de has RGB values of R:3, G:18, B:222 and CMYK values of C:0.99, M:0.92, Y:0, K:0.13. Its decimal value is 201438.

Hex triplet	0312de	`#0312de`
RGB Decimal	3, 18, 222	`rgb(3,18,222)`
RGB Percent	1.2, 7.1, 87.1	`rgb(1.2%,7.1%,87.1%)`
CMYK	99, 92, 0, 13
HSL	235.9°, 97.3, 44.1	`hsl(235.9,97.3%,44.1%)`
HSV (or HSB)	235.9°, 98.6, 87.1
Web Safe	0000cc	`#0000cc`

CIE-LAB	28.707, 67.76, -95.12
XYZ	13.436, 5.725, 69.5
xyY	0.152, 0.065, 5.725
CIE-LCH	28.707, 116.787, 305.465
CIE-LUV	28.707, -8.672, -112.313
Hunter-Lab	23.927, 58.365, -155.472
Binary	00000011, 00010010, 11011110

#0312de
```
#0312de rgb(3,18,222)
```
#decf03
```
#decf03 rgb(222,207,3)
```

Complementary Color

#0380de
```
#0380de rgb(3,128,222)
```
#0312de
```
#0312de rgb(3,18,222)
```
#6103de
```
#6103de rgb(97,3,222)
```

Analogous Color

#80de03
```
#80de03 rgb(128,222,3)
```
#0312de
```
#0312de rgb(3,18,222)
```
#de6103
```
#de6103 rgb(222,97,3)
```

Split Complementary Color

#12de03
```
#12de03 rgb(18,222,3)
```
#0312de
```
#0312de rgb(3,18,222)
```
#de0312
```
#de0312 rgb(222,3,18)
```

Triadic Color

#03decf
```
#03decf rgb(3,222,207)
```
#0312de
```
#0312de rgb(3,18,222)
```
#de0312
```
#de0312 rgb(222,3,18)
```
#decf03
```
#decf03 rgb(222,207,3)
```

Tetradic Color

#020c93
```
#020c93 rgb(2,12,147)
```
#020eac
```
#020eac rgb(2,14,172)
```
#0310c5
```
#0310c5 rgb(3,16,197)
```
#0312de
```
#0312de rgb(3,18,222)
```
#0314f7
```
#0314f7 rgb(3,20,247)
```
#1828fc
```
#1828fc rgb(24,40,252)
```
#313ffc
```
#313ffc rgb(49,63,252)
```

Monochromatic Color

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

#0349de
```
#0349de rgb(3,73,222)
```
#0337de
```
#0337de rgb(3,55,222)
```
#0324de
```
#0324de rgb(3,36,222)
```
#0312de
```
#0312de rgb(3,18,222)
```
#0603de
```
#0603de rgb(6,3,222)
```
#1803de
```
#1803de rgb(24,3,222)
```
#2b03de
```
#2b03de rgb(43,3,222)
```

Similar Colors

Text with hexadecimal color #0312de

This text has a font color of #0312de.

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

#0312de background color

This paragraph has a background color of #0312de.

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

#0312de border color

This element has a border color of #0312de.

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

CSS codes

.text {color:#0312de;}

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

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

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

#000109
```
#000109 rgb(0,1,9)
```
#00021c
```
#00021c rgb(0,2,28)
```
#010430
```
#010430 rgb(1,4,48)
```
#010543
```
#010543 rgb(1,5,67)
```
#010757
```
#010757 rgb(1,7,87)
```
#01096a
```
#01096a rgb(1,9,106)
```
#020a7d
```
#020a7d rgb(2,10,125)
```
#020c91
```
#020c91 rgb(2,12,145)
```
#020da4
```
#020da4 rgb(2,13,164)
```
#020fb7
```
#020fb7 rgb(2,15,183)
```
#0310cb
```
#0310cb rgb(3,16,203)
```
#0312de
```
#0312de rgb(3,18,222)
```
#0314f1
```
#0314f1 rgb(3,20,241)
```

Shade Color Variation

#0d1dfc
```
#0d1dfc rgb(13,29,252)
```
#202ffc
```
#202ffc rgb(32,47,252)
```
#3341fc
```
#3341fc rgb(51,65,252)
```
#4753fd
```
#4753fd rgb(71,83,253)
```
#5a65fd
```
#5a65fd rgb(90,101,253)
```
#6d77fd
```
#6d77fd rgb(109,119,253)
```
#8189fd
```
#8189fd rgb(129,137,253)
```
#949bfe
```
#949bfe rgb(148,155,254)
```
#a7adfe
```
#a7adfe rgb(167,173,254)
```
#bbbffe
```
#bbbffe rgb(187,191,254)
```
#ced1fe
```
#ced1fe rgb(206,209,254)
```
#e1e3ff
```
#e1e3ff rgb(225,227,255)
```
#f5f5ff
```
#f5f5ff rgb(245,245,255)
```

Tint Color Variation

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

#6b6c76
```
#6b6c76 rgb(107,108,118)
```
#62647f
```
#62647f rgb(98,100,127)
```
#5a5d87
```
#5a5d87 rgb(90,93,135)
```
#515590
```
#515590 rgb(81,85,144)
```
#484e99
```
#484e99 rgb(72,78,153)
```
#4046a1
```
#4046a1 rgb(64,70,161)
```
#373faa
```
#373faa rgb(55,63,170)
```
#2e37b3
```
#2e37b3 rgb(46,55,179)
```
#2630bb
```
#2630bb rgb(38,48,187)
```
#1d28c4
```
#1d28c4 rgb(29,40,196)
```
#1421cd
```
#1421cd rgb(20,33,205)
```
#0c19d5
```
#0c19d5 rgb(12,25,213)
```
#0312de
```
#0312de rgb(3,18,222)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#1e214a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b91 Protanopia 1% of men
#004f7d Deuteranopia 1% of men
#005558 Tritanopia 0.001% of the population

Trichromacy

#0136ad Protanomaly 1% of men, 0.01% of women
#0139a0 Deuteranomaly 6% of men, 0.4% of women
#013c89 Tritanomaly 0.01% of the population

#0312de hex color

#0312de Color Information

#0312de Color Conversion

Color Schemes with #0312de

Alternatives to #0312de

#0312de Preview

Shades and Tints of #0312de

Tones of #0312de

Color Blindness Simulator