#310ccf hex color

In a RGB color space, hex #310ccf is composed of 19.2% red, 4.7% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 94.2% magenta, 0% yellow and 18.8% black. It has a hue angle of 251.4 degrees, a saturation of 89% and a lightness of 42.9%. #310ccf color hex could be obtained by blending #6218ff with #00009f. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 5
- B 81
RGB color chart
- C 76
- M 94
- Y 0
- K 19
CMYK color chart

● #310ccf color description : Strong blue.

The hexadecimal color #310ccf has RGB values of R:49, G:12, B:207 and CMYK values of C:0.76, M:0.94, Y:0, K:0.19. Its decimal value is 3214543.

Hex triplet	310ccf	`#310ccf`
RGB Decimal	49, 12, 207	`rgb(49,12,207)`
RGB Percent	19.2, 4.7, 81.2	`rgb(19.2%,4.7%,81.2%)`
CMYK	76, 94, 0, 19
HSL	251.4°, 89, 42.9	`hsl(251.4,89%,42.9%)`
HSV (or HSB)	251.4°, 94.2, 81.2
Web Safe	3300cc	`#3300cc`

CIE-LAB	27.9, 66.116, -87.737
XYZ	12.658, 5.42, 59.407
xyY	0.163, 0.07, 5.42
CIE-LCH	27.9, 109.86, 307
CIE-LUV	27.9, -4.284, -104.86
Hunter-Lab	23.281, 56.311, -134.994
Binary	00110001, 00001100, 11001111

#310ccf
```
#310ccf rgb(49,12,207)
```
#aacf0c
```
#aacf0c rgb(170,207,12)
```

Complementary Color

#0c49cf
```
#0c49cf rgb(12,73,207)
```
#310ccf
```
#310ccf rgb(49,12,207)
```
#930ccf
```
#930ccf rgb(147,12,207)
```

Analogous Color

#49cf0c
```
#49cf0c rgb(73,207,12)
```
#310ccf
```
#310ccf rgb(49,12,207)
```
#cf930c
```
#cf930c rgb(207,147,12)
```

Split Complementary Color

#0ccf31
```
#0ccf31 rgb(12,207,49)
```
#310ccf
```
#310ccf rgb(49,12,207)
```
#cf310c
```
#cf310c rgb(207,49,12)
```

Triadic Color

#0caacf
```
#0caacf rgb(12,170,207)
```
#310ccf
```
#310ccf rgb(49,12,207)
```
#cf310c
```
#cf310c rgb(207,49,12)
```
#aacf0c
```
#aacf0c rgb(170,207,12)
```

Tetradic Color

#200887
```
#200887 rgb(32,8,135)
```
#26099f
```
#26099f rgb(38,9,159)
```
#2b0bb7
```
#2b0bb7 rgb(43,11,183)
```
#310ccf
```
#310ccf rgb(49,12,207)
```
#370de7
```
#370de7 rgb(55,13,231)
```
#451cf2
```
#451cf2 rgb(69,28,242)
```
#5834f3
```
#5834f3 rgb(88,52,243)
```

Monochromatic Color

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

#0c18cf
```
#0c18cf rgb(12,24,207)
```
#100ccf
```
#100ccf rgb(16,12,207)
```
#210ccf
```
#210ccf rgb(33,12,207)
```
#310ccf
```
#310ccf rgb(49,12,207)
```
#410ccf
```
#410ccf rgb(65,12,207)
```
#510ccf
```
#510ccf rgb(81,12,207)
```
#620ccf
```
#620ccf rgb(98,12,207)
```

Similar Colors

Text with hexadecimal color #310ccf

This text has a font color of #310ccf.

<span style="color:#310ccf;">Text here</span>

#310ccf background color

This paragraph has a background color of #310ccf.

<p style="background-color:#310ccf;">Content here</p>

#310ccf border color

This element has a border color of #310ccf.

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

CSS codes

.text {color:#310ccf;}

.background {background-color:#310ccf;}

.border {border:1px solid #310ccf;}

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

#010003
```
#010003 rgb(1,0,3)
```
#050116
```
#050116 rgb(5,1,22)
```
#0a0228
```
#0a0228 rgb(10,2,40)
```
#0e033b
```
#0e033b rgb(14,3,59)
```
#12044d
```
#12044d rgb(18,4,77)
```
#170660
```
#170660 rgb(23,6,96)
```
#1b0772
```
#1b0772 rgb(27,7,114)
```
#1f0885
```
#1f0885 rgb(31,8,133)
```
#240997
```
#240997 rgb(36,9,151)
```
#280aaa
```
#280aaa rgb(40,10,170)
```
#2d0bbc
```
#2d0bbc rgb(45,11,188)
```
#310ccf
```
#310ccf rgb(49,12,207)
```
#350de2
```
#350de2 rgb(53,13,226)
```

Shade Color Variation

#3c11f1
```
#3c11f1 rgb(60,17,241)
```
#4b24f2
```
#4b24f2 rgb(75,36,242)
```
#5a36f3
```
#5a36f3 rgb(90,54,243)
```
#6949f4
```
#6949f4 rgb(105,73,244)
```
#785bf6
```
#785bf6 rgb(120,91,246)
```
#886ef7
```
#886ef7 rgb(136,110,247)
```
#9780f8
```
#9780f8 rgb(151,128,248)
```
#a693f9
```
#a693f9 rgb(166,147,249)
```
#b5a5fa
```
#b5a5fa rgb(181,165,250)
```
#c5b8fb
```
#c5b8fb rgb(197,184,251)
```
#d4cafc
```
#d4cafc rgb(212,202,252)
```
#e3ddfd
```
#e3ddfd rgb(227,221,253)
```
#f2f0fe
```
#f2f0fe rgb(242,240,254)
```

Tint Color Variation

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

#6a6972
```
#6a6972 rgb(106,105,114)
```
#65607b
```
#65607b rgb(101,96,123)
```
#605883
```
#605883 rgb(96,88,131)
```
#5b4f8c
```
#5b4f8c rgb(91,79,140)
```
#564794
```
#564794 rgb(86,71,148)
```
#503f9c
```
#503f9c rgb(80,63,156)
```
#4b36a5
```
#4b36a5 rgb(75,54,165)
```
#462ead
```
#462ead rgb(70,46,173)
```
#4125b6
```
#4125b6 rgb(65,37,182)
```
#3b1dbe
```
#3b1dbe rgb(59,29,190)
```
#3614c7
```
#3614c7 rgb(54,20,199)
```
#310ccf
```
#310ccf rgb(49,12,207)
```
#2c04d7
```
#2c04d7 rgb(44,4,215)
```

Tone Color Variation

Below, you can see how #310ccf 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

#2d2d2d Achromatopsia 0.005% of the population
#2e264d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498e Protanopia 1% of men
#004d7b Deuteranopia 1% of men
#005356 Tritanopia 0.001% of the population

Trichromacy

#1133a6 Protanomaly 1% of men, 0.01% of women
#113599 Deuteranomaly 6% of men, 0.4% of women
#113982 Tritanomaly 0.01% of the population

#310ccf hex color

#310ccf Color Information

#310ccf Color Conversion

Color Schemes with #310ccf

Alternatives to #310ccf

#310ccf Preview

Shades and Tints of #310ccf

Tones of #310ccf

Color Blindness Simulator