#0031cc hex color

In a RGB color space, hex #0031cc is composed of 0% red, 19.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 76% magenta, 0% yellow and 20% black. It has a hue angle of 225.6 degrees, a saturation of 100% and a lightness of 40%. #0031cc color hex could be obtained by blending #0062ff with #000099. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 19
- B 80
RGB color chart
- C 100
- M 76
- Y 0
- K 20
CMYK color chart

● #0031cc color description : Strong blue.

The hexadecimal color #0031cc has RGB values of R:0, G:49, B:204 and CMYK values of C:1, M:0.76, Y:0, K:0.2. Its decimal value is 12748.

Hex triplet	0031cc	`#0031cc`
RGB Decimal	0, 49, 204	`rgb(0,49,204)`
RGB Percent	0, 19.2, 80	`rgb(0%,19.2%,80%)`
CMYK	100, 76, 0, 20
HSL	225.6°, 100, 40	`hsl(225.6,100%,40%)`
HSV (or HSB)	225.6°, 100, 80
Web Safe	0033cc	`#0033cc`

CIE-LAB	30.772, 49.195, -81.257
XYZ	11.995, 6.555, 57.756
xyY	0.157, 0.086, 6.555
CIE-LCH	30.772, 94.989, 301.192
CIE-LUV	30.772, -11.462, -104.131
Hunter-Lab	25.603, 38.822, -115.826
Binary	00000000, 00110001, 11001100

#0031cc
```
#0031cc rgb(0,49,204)
```
#cc9b00
```
#cc9b00 rgb(204,155,0)
```

Complementary Color

#0097cc
```
#0097cc rgb(0,151,204)
```
#0031cc
```
#0031cc rgb(0,49,204)
```
#3500cc
```
#3500cc rgb(53,0,204)
```

Analogous Color

#97cc00
```
#97cc00 rgb(151,204,0)
```
#0031cc
```
#0031cc rgb(0,49,204)
```
#cc3500
```
#cc3500 rgb(204,53,0)
```

Split Complementary Color

#31cc00
```
#31cc00 rgb(49,204,0)
```
#0031cc
```
#0031cc rgb(0,49,204)
```
#cc0031
```
#cc0031 rgb(204,0,49)
```

Triadic Color

#00cc9b
```
#00cc9b rgb(0,204,155)
```
#0031cc
```
#0031cc rgb(0,49,204)
```
#cc0031
```
#cc0031 rgb(204,0,49)
```
#cc9b00
```
#cc9b00 rgb(204,155,0)
```

Tetradic Color

#001f80
```
#001f80 rgb(0,31,128)
```
#002599
```
#002599 rgb(0,37,153)
```
#002bb3
```
#002bb3 rgb(0,43,179)
```
#0031cc
```
#0031cc rgb(0,49,204)
```
#0037e6
```
#0037e6 rgb(0,55,230)
```
#003dff
```
#003dff rgb(0,61,255)
```
#1a51ff
```
#1a51ff rgb(26,81,255)
```

Monochromatic Color

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

#0064cc
```
#0064cc rgb(0,100,204)
```
#0053cc
```
#0053cc rgb(0,83,204)
```
#0042cc
```
#0042cc rgb(0,66,204)
```
#0031cc
```
#0031cc rgb(0,49,204)
```
#0020cc
```
#0020cc rgb(0,32,204)
```
#000fcc
```
#000fcc rgb(0,15,204)
```
#0200cc
```
#0200cc rgb(2,0,204)
```

Similar Colors

Text with hexadecimal color #0031cc

This text has a font color of #0031cc.

<span style="color:#0031cc;">Text here</span>

#0031cc background color

This paragraph has a background color of #0031cc.

<p style="background-color:#0031cc;">Content here</p>

#0031cc border color

This element has a border color of #0031cc.

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

CSS codes

.text {color:#0031cc;}

.background {background-color:#0031cc;}

.border {border:1px solid #0031cc;}

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

#000208
```
#000208 rgb(0,2,8)
```
#00071b
```
#00071b rgb(0,7,27)
```
#000b2f
```
#000b2f rgb(0,11,47)
```
#001043
```
#001043 rgb(0,16,67)
```
#001556
```
#001556 rgb(0,21,86)
```
#00196a
```
#00196a rgb(0,25,106)
```
#001e7e
```
#001e7e rgb(0,30,126)
```
#002391
```
#002391 rgb(0,35,145)
```
#0028a5
```
#0028a5 rgb(0,40,165)
```
#002cb8
```
#002cb8 rgb(0,44,184)
```
#0031cc
```
#0031cc rgb(0,49,204)
```
#0036e0
```
#0036e0 rgb(0,54,224)
```
#003af3
```
#003af3 rgb(0,58,243)
```

Shade Color Variation

#0843ff
```
#0843ff rgb(8,67,255)
```
#1b52ff
```
#1b52ff rgb(27,82,255)
```
#2f61ff
```
#2f61ff rgb(47,97,255)
```
#4370ff
```
#4370ff rgb(67,112,255)
```
#567fff
```
#567fff rgb(86,127,255)
```
#6a8eff
```
#6a8eff rgb(106,142,255)
```
#7e9dff
```
#7e9dff rgb(126,157,255)
```
#91acff
```
#91acff rgb(145,172,255)
```
#a5baff
```
#a5baff rgb(165,186,255)
```
#b8c9ff
```
#b8c9ff rgb(184,201,255)
```
#ccd8ff
```
#ccd8ff rgb(204,216,255)
```
#e0e7ff
```
#e0e7ff rgb(224,231,255)
```
#f3f6ff
```
#f3f6ff rgb(243,246,255)
```

Tint Color Variation

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

#5e626e
```
#5e626e rgb(94,98,110)
```
#565e76
```
#565e76 rgb(86,94,118)
```
#4e5a7e
```
#4e5a7e rgb(78,90,126)
```
#475685
```
#475685 rgb(71,86,133)
```
#3f528d
```
#3f528d rgb(63,82,141)
```
#374e95
```
#374e95 rgb(55,78,149)
```
#2f499d
```
#2f499d rgb(47,73,157)
```
#2745a5
```
#2745a5 rgb(39,69,165)
```
#1f41ad
```
#1f41ad rgb(31,65,173)
```
#183db4
```
#183db4 rgb(24,61,180)
```
#1039bc
```
#1039bc rgb(16,57,188)
```
#0835c4
```
#0835c4 rgb(8,53,196)
```
#0031cc
```
#0031cc rgb(0,49,204)
```

Tone Color Variation

Below, you can see how #0031cc 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

#343434 Achromatopsia 0.005% of the population
#2a3352 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005485 Deuteranopia 1% of men
#005a5d Tritanopia 0.001% of the population

Trichromacy

#0044ac Protanomaly 1% of men, 0.01% of women
#00479f Deuteranomaly 6% of men, 0.4% of women
#004b85 Tritanomaly 0.01% of the population

#0031cc hex color

#0031cc Color Information

#0031cc Color Conversion

Color Schemes with #0031cc

Alternatives to #0031cc

#0031cc Preview

Shades and Tints of #0031cc

Tones of #0031cc

Color Blindness Simulator