#310cf0 hex color

In a RGB color space, hex #310cf0 is composed of 19.2% red, 4.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 95% magenta, 0% yellow and 5.9% black. It has a hue angle of 249.7 degrees, a saturation of 90.5% and a lightness of 49.4%. #310cf0 color hex could be obtained by blending #6218ff with #0000e1. Closest websafe color is: #3300ff.

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

● #310cf0 color description : Vivid blue.

The hexadecimal color #310cf0 has RGB values of R:49, G:12, B:240 and CMYK values of C:0.8, M:0.95, Y:0, K:0.06. Its decimal value is 3214576.

Hex triplet	310cf0	`#310cf0`
RGB Decimal	49, 12, 240	`rgb(49,12,240)`
RGB Percent	19.2, 4.7, 94.1	`rgb(19.2%,4.7%,94.1%)`
CMYK	80, 95, 0, 6
HSL	249.7°, 90.5, 49.4	`hsl(249.7,90.5%,49.4%)`
HSV (or HSB)	249.7°, 95, 94.1
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.272, 74.325, -99.415
XYZ	17.123, 7.206, 82.922
xyY	0.16, 0.067, 7.206
CIE-LCH	32.272, 124.127, 306.783
CIE-LUV	32.272, -6.165, -123.727
Hunter-Lab	26.844, 66.883, -164.356
Binary	00110001, 00001100, 11110000

#310cf0
```
#310cf0 rgb(49,12,240)
```
#cbf00c
```
#cbf00c rgb(203,240,12)
```

Complementary Color

#0c59f0
```
#0c59f0 rgb(12,89,240)
```
#310cf0
```
#310cf0 rgb(49,12,240)
```
#a30cf0
```
#a30cf0 rgb(163,12,240)
```

Analogous Color

#59f00c
```
#59f00c rgb(89,240,12)
```
#310cf0
```
#310cf0 rgb(49,12,240)
```
#f0a30c
```
#f0a30c rgb(240,163,12)
```

Split Complementary Color

#0cf031
```
#0cf031 rgb(12,240,49)
```
#310cf0
```
#310cf0 rgb(49,12,240)
```
#f0310c
```
#f0310c rgb(240,49,12)
```

Triadic Color

#0ccbf0
```
#0ccbf0 rgb(12,203,240)
```
#310cf0
```
#310cf0 rgb(49,12,240)
```
#f0310c
```
#f0310c rgb(240,49,12)
```
#cbf00c
```
#cbf00c rgb(203,240,12)
```

Tetradic Color

#2208a7
```
#2208a7 rgb(34,8,167)
```
#270abf
```
#270abf rgb(39,10,191)
```
#2c0bd8
```
#2c0bd8 rgb(44,11,216)
```
#310cf0
```
#310cf0 rgb(49,12,240)
```
#4422f4
```
#4422f4 rgb(68,34,244)
```
#583af5
```
#583af5 rgb(88,58,245)
```
#6d52f6
```
#6d52f6 rgb(109,82,246)
```

Monochromatic Color

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

#0c20f0
```
#0c20f0 rgb(12,32,240)
```
#0c0df0
```
#0c0df0 rgb(12,13,240)
```
#1e0cf0
```
#1e0cf0 rgb(30,12,240)
```
#310cf0
```
#310cf0 rgb(49,12,240)
```
#440cf0
```
#440cf0 rgb(68,12,240)
```
#570cf0
```
#570cf0 rgb(87,12,240)
```
#6a0cf0
```
#6a0cf0 rgb(106,12,240)
```

Similar Colors

Text with hexadecimal color #310cf0

This text has a font color of #310cf0.

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

#310cf0 background color

This paragraph has a background color of #310cf0.

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

#310cf0 border color

This element has a border color of #310cf0.

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

CSS codes

.text {color:#310cf0;}

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

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

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

#030110
```
#030110 rgb(3,1,16)
```
#070223
```
#070223 rgb(7,2,35)
```
#0b0335
```
#0b0335 rgb(11,3,53)
```
#0f0448
```
#0f0448 rgb(15,4,72)
```
#12055b
```
#12055b rgb(18,5,91)
```
#16056d
```
#16056d rgb(22,5,109)
```
#1a0680
```
#1a0680 rgb(26,6,128)
```
#1e0793
```
#1e0793 rgb(30,7,147)
```
#2208a5
```
#2208a5 rgb(34,8,165)
```
#2609b8
```
#2609b8 rgb(38,9,184)
```
#290acb
```
#290acb rgb(41,10,203)
```
#2d0bdd
```
#2d0bdd rgb(45,11,221)
```
#310cf0
```
#310cf0 rgb(49,12,240)
```

Shade Color Variation

#3f1cf4
```
#3f1cf4 rgb(63,28,244)
```
#4f2ff5
```
#4f2ff5 rgb(79,47,245)
```
#5f41f6
```
#5f41f6 rgb(95,65,246)
```
#6e54f6
```
#6e54f6 rgb(110,84,246)
```
#7e67f7
```
#7e67f7 rgb(126,103,247)
```
#8e79f8
```
#8e79f8 rgb(142,121,248)
```
#9e8cf9
```
#9e8cf9 rgb(158,140,249)
```
#ae9ffa
```
#ae9ffa rgb(174,159,250)
```
#bdb1fb
```
#bdb1fb rgb(189,177,251)
```
#cdc4fc
```
#cdc4fc rgb(205,196,252)
```
#ddd7fd
```
#ddd7fd rgb(221,215,253)
```
#ede9fe
```
#ede9fe rgb(237,233,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#797785
```
#797785 rgb(121,119,133)
```
#726d8f
```
#726d8f rgb(114,109,143)
```
#6c6399
```
#6c6399 rgb(108,99,153)
```
#655aa2
```
#655aa2 rgb(101,90,162)
```
#5f50ac
```
#5f50ac rgb(95,80,172)
```
#5846b6
```
#5846b6 rgb(88,70,182)
```
#523cc0
```
#523cc0 rgb(82,60,192)
```
#4b33c9
```
#4b33c9 rgb(75,51,201)
```
#4529d3
```
#4529d3 rgb(69,41,211)
```
#3e1fdd
```
#3e1fdd rgb(62,31,221)
```
#3816e6
```
#3816e6 rgb(56,22,230)
```
#310cf0
```
#310cf0 rgb(49,12,240)
```
#2a02fa
```
#2a02fa rgb(42,2,250)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#312a57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#1139bd Protanomaly 1% of men, 0.01% of women
#113caf Deuteranomaly 6% of men, 0.4% of women
#114095 Tritanomaly 0.01% of the population

#310cf0 hex color

#310cf0 Color Information

#310cf0 Color Conversion

Color Schemes with #310cf0

Alternatives to #310cf0

#310cf0 Preview

Shades and Tints of #310cf0

Tones of #310cf0

Color Blindness Simulator