#0318c2 hex color

In a RGB color space, hex #0318c2 is composed of 1.2% red, 9.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 98.5% cyan, 87.6% magenta, 0% yellow and 23.9% black. It has a hue angle of 233.4 degrees, a saturation of 97% and a lightness of 38.6%. #0318c2 color hex could be obtained by blending #0630ff with #000085. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 1
- G 9
- B 76
RGB color chart
- C 98
- M 88
- Y 0
- K 24
CMYK color chart

● #0318c2 color description : Strong blue.

The hexadecimal color #0318c2 has RGB values of R:3, G:24, B:194 and CMYK values of C:0.98, M:0.88, Y:0, K:0.24. Its decimal value is 202946.

Hex triplet	0318c2	`#0318c2`
RGB Decimal	3, 24, 194	`rgb(3,24,194)`
RGB Percent	1.2, 9.4, 76.1	`rgb(1.2%,9.4%,76.1%)`
CMYK	98, 88, 0, 24
HSL	233.4°, 97, 38.6	`hsl(233.4,97%,38.6%)`
HSV (or HSB)	233.4°, 98.5, 76.1
Web Safe	0000cc	`#0000cc`

CIE-LAB	25.463, 58.104, -84.224
XYZ	10.1, 4.567, 51.385
xyY	0.153, 0.069, 4.567
CIE-LCH	25.463, 102.322, 304.601
CIE-LUV	25.463, -8.035, -96.576
Hunter-Lab	21.37, 46.963, -127.605
Binary	00000011, 00011000, 11000010

#0318c2
```
#0318c2 rgb(3,24,194)
```
#c2ad03
```
#c2ad03 rgb(194,173,3)
```

Complementary Color

#0378c2
```
#0378c2 rgb(3,120,194)
```
#0318c2
```
#0318c2 rgb(3,24,194)
```
#4e03c2
```
#4e03c2 rgb(78,3,194)
```

Analogous Color

#78c203
```
#78c203 rgb(120,194,3)
```
#0318c2
```
#0318c2 rgb(3,24,194)
```
#c24e03
```
#c24e03 rgb(194,78,3)
```

Split Complementary Color

#18c203
```
#18c203 rgb(24,194,3)
```
#0318c2
```
#0318c2 rgb(3,24,194)
```
#c20318
```
#c20318 rgb(194,3,24)
```

Triadic Color

#03c2ad
```
#03c2ad rgb(3,194,173)
```
#0318c2
```
#0318c2 rgb(3,24,194)
```
#c20318
```
#c20318 rgb(194,3,24)
```
#c2ad03
```
#c2ad03 rgb(194,173,3)
```

Tetradic Color

#020f77
```
#020f77 rgb(2,15,119)
```
#021290
```
#021290 rgb(2,18,144)
```
#0315a9
```
#0315a9 rgb(3,21,169)
```
#0318c2
```
#0318c2 rgb(3,24,194)
```
#031bdb
```
#031bdb rgb(3,27,219)
```
#041ef4
```
#041ef4 rgb(4,30,244)
```
#162ffb
```
#162ffb rgb(22,47,251)
```

Monochromatic Color

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

#0348c2
```
#0348c2 rgb(3,72,194)
```
#0338c2
```
#0338c2 rgb(3,56,194)
```
#0328c2
```
#0328c2 rgb(3,40,194)
```
#0318c2
```
#0318c2 rgb(3,24,194)
```
#0308c2
```
#0308c2 rgb(3,8,194)
```
#0e03c2
```
#0e03c2 rgb(14,3,194)
```
#1e03c2
```
#1e03c2 rgb(30,3,194)
```

Similar Colors

Text with hexadecimal color #0318c2

This text has a font color of #0318c2.

<span style="color:#0318c2;">Text here</span>

#0318c2 background color

This paragraph has a background color of #0318c2.

<p style="background-color:#0318c2;">Content here</p>

#0318c2 border color

This element has a border color of #0318c2.

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

CSS codes

.text {color:#0318c2;}

.background {background-color:#0318c2;}

.border {border:1px solid #0318c2;}

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

#000001
```
#000001 rgb(0,0,1)
```
#000214
```
#000214 rgb(0,2,20)
```
#010527
```
#010527 rgb(1,5,39)
```
#01073b
```
#01073b rgb(1,7,59)
```
#010a4e
```
#010a4e rgb(1,10,78)
```
#020c61
```
#020c61 rgb(2,12,97)
```
#020e75
```
#020e75 rgb(2,14,117)
```
#021188
```
#021188 rgb(2,17,136)
```
#02139b
```
#02139b rgb(2,19,155)
```
#0316af
```
#0316af rgb(3,22,175)
```
#0318c2
```
#0318c2 rgb(3,24,194)
```
#031ad5
```
#031ad5 rgb(3,26,213)
```
#041de9
```
#041de9 rgb(4,29,233)
```

Shade Color Variation

#0520fb
```
#0520fb rgb(5,32,251)
```
#1831fb
```
#1831fb rgb(24,49,251)
```
#2b42fc
```
#2b42fc rgb(43,66,252)
```
#3f53fc
```
#3f53fc rgb(63,83,252)
```
#5265fc
```
#5265fc rgb(82,101,252)
```
#6576fd
```
#6576fd rgb(101,118,253)
```
#7987fd
```
#7987fd rgb(121,135,253)
```
#8c98fd
```
#8c98fd rgb(140,152,253)
```
#9faafe
```
#9faafe rgb(159,170,254)
```
#b3bbfe
```
#b3bbfe rgb(179,187,254)
```
#c6ccfe
```
#c6ccfe rgb(198,204,254)
```
#d9ddfe
```
#d9ddfe rgb(217,221,254)
```
#edefff
```
#edefff rgb(237,239,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e5f67 is the less saturated color, while #0318c2 is the most saturated one.

#5e5f67
```
#5e5f67 rgb(94,95,103)
```
#56596f
```
#56596f rgb(86,89,111)
```
#4f5376
```
#4f5376 rgb(79,83,118)
```
#474d7e
```
#474d7e rgb(71,77,126)
```
#404785
```
#404785 rgb(64,71,133)
```
#38418d
```
#38418d rgb(56,65,141)
```
#303b95
```
#303b95 rgb(48,59,149)
```
#29369c
```
#29369c rgb(41,54,156)
```
#2130a4
```
#2130a4 rgb(33,48,164)
```
#1a2aab
```
#1a2aab rgb(26,42,171)
```
#1224b3
```
#1224b3 rgb(18,36,179)
```
#0b1eba
```
#0b1eba rgb(11,30,186)
```
#0318c2
```
#0318c2 rgb(3,24,194)
```

Tone Color Variation

Below, you can see how #0318c2 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
#1e2244 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004484 Protanopia 1% of men
#004872 Deuteranopia 1% of men
#004d50 Tritanopia 0.001% of the population

Trichromacy

#01349b Protanomaly 1% of men, 0.01% of women
#01368f Deuteranomaly 6% of men, 0.4% of women
#013a79 Tritanomaly 0.01% of the population

#0318c2 hex color

#0318c2 Color Information

#0318c2 Color Conversion

Color Schemes with #0318c2

Alternatives to #0318c2

#0318c2 Preview

Shades and Tints of #0318c2

Tones of #0318c2

Color Blindness Simulator