#310bda hex color

In a RGB color space, hex #310bda is composed of 19.2% red, 4.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 95% magenta, 0% yellow and 14.5% black. It has a hue angle of 251 degrees, a saturation of 90.4% and a lightness of 44.9%. #310bda color hex could be obtained by blending #6216ff with #0000b5. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 4
- B 85
RGB color chart
- C 78
- M 95
- Y 0
- K 15
CMYK color chart

● #310bda color description : Vivid blue.

The hexadecimal color #310bda has RGB values of R:49, G:11, B:218 and CMYK values of C:0.78, M:0.95, Y:0, K:0.15. Its decimal value is 3214298.

Hex triplet	310bda	`#310bda`
RGB Decimal	49, 11, 218	`rgb(49,11,218)`
RGB Percent	19.2, 4.3, 85.5	`rgb(19.2%,4.3%,85.5%)`
CMYK	78, 95, 0, 15
HSL	251°, 90.4, 44.9	`hsl(251,90.4%,44.9%)`
HSV (or HSB)	251°, 95, 85.5
Web Safe	3300cc	`#3300cc`

CIE-LAB	29.295, 69.066, -91.793
XYZ	14.039, 5.953, 66.735
xyY	0.162, 0.069, 5.953
CIE-LCH	29.295, 114.874, 306.958
CIE-LUV	29.295, -4.891, -111.134
Hunter-Lab	24.4, 60.004, -145.084
Binary	00110001, 00001011, 11011010

#310bda
```
#310bda rgb(49,11,218)
```
#b4da0b
```
#b4da0b rgb(180,218,11)
```

Complementary Color

#0b4dda
```
#0b4dda rgb(11,77,218)
```
#310bda
```
#310bda rgb(49,11,218)
```
#990bda
```
#990bda rgb(153,11,218)
```

Analogous Color

#4dda0b
```
#4dda0b rgb(77,218,11)
```
#310bda
```
#310bda rgb(49,11,218)
```
#da990b
```
#da990b rgb(218,153,11)
```

Split Complementary Color

#0bda31
```
#0bda31 rgb(11,218,49)
```
#310bda
```
#310bda rgb(49,11,218)
```
#da310b
```
#da310b rgb(218,49,11)
```

Triadic Color

#0bb4da
```
#0bb4da rgb(11,180,218)
```
#310bda
```
#310bda rgb(49,11,218)
```
#da310b
```
#da310b rgb(218,49,11)
```
#b4da0b
```
#b4da0b rgb(180,218,11)
```

Tetradic Color

#210791
```
#210791 rgb(33,7,145)
```
#2609a9
```
#2609a9 rgb(38,9,169)
```
#2c0ac2
```
#2c0ac2 rgb(44,10,194)
```
#310bda
```
#310bda rgb(49,11,218)
```
#360cf2
```
#360cf2 rgb(54,12,242)
```
#4a24f4
```
#4a24f4 rgb(74,36,244)
```
#5e3cf5
```
#5e3cf5 rgb(94,60,245)
```

Monochromatic Color

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

#0b19da
```
#0b19da rgb(11,25,218)
```
#0e0bda
```
#0e0bda rgb(14,11,218)
```
#200bda
```
#200bda rgb(32,11,218)
```
#310bda
```
#310bda rgb(49,11,218)
```
#420bda
```
#420bda rgb(66,11,218)
```
#540bda
```
#540bda rgb(84,11,218)
```
#650bda
```
#650bda rgb(101,11,218)
```

Similar Colors

Text with hexadecimal color #310bda

This text has a font color of #310bda.

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

#310bda background color

This paragraph has a background color of #310bda.

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

#310bda border color

This element has a border color of #310bda.

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

CSS codes

.text {color:#310bda;}

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

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

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, #03010d is the darkest color, while #faf9ff is the lightest one.

#03010d
```
#03010d rgb(3,1,13)
```
#07021f
```
#07021f rgb(7,2,31)
```
#0b0332
```
#0b0332 rgb(11,3,50)
```
#0f0345
```
#0f0345 rgb(15,3,69)
```
#140457
```
#140457 rgb(20,4,87)
```
#18056a
```
#18056a rgb(24,5,106)
```
#1c067d
```
#1c067d rgb(28,6,125)
```
#20078f
```
#20078f rgb(32,7,143)
```
#2408a2
```
#2408a2 rgb(36,8,162)
```
#2909b5
```
#2909b5 rgb(41,9,181)
```
#2d0ac7
```
#2d0ac7 rgb(45,10,199)
```
#310bda
```
#310bda rgb(49,11,218)
```
#350ced
```
#350ced rgb(53,12,237)
```

Shade Color Variation

#4119f3
```
#4119f3 rgb(65,25,243)
```
#502cf4
```
#502cf4 rgb(80,44,244)
```
#603ef5
```
#603ef5 rgb(96,62,245)
```
#6f51f6
```
#6f51f6 rgb(111,81,246)
```
#7f64f7
```
#7f64f7 rgb(127,100,247)
```
#8e76f8
```
#8e76f8 rgb(142,118,248)
```
#9d89f9
```
#9d89f9 rgb(157,137,249)
```
#ad9cfa
```
#ad9cfa rgb(173,156,250)
```
#bcaefb
```
#bcaefb rgb(188,174,251)
```
#ccc1fc
```
#ccc1fc rgb(204,193,252)
```
#dbd4fd
```
#dbd4fd rgb(219,212,253)
```
#ebe6fe
```
#ebe6fe rgb(235,230,254)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#6e6c79
```
#6e6c79 rgb(110,108,121)
```
#696382
```
#696382 rgb(105,99,130)
```
#635a8b
```
#635a8b rgb(99,90,139)
```
#5e5194
```
#5e5194 rgb(94,81,148)
```
#58499c
```
#58499c rgb(88,73,156)
```
#5240a5
```
#5240a5 rgb(82,64,165)
```
#4d37ae
```
#4d37ae rgb(77,55,174)
```
#472eb7
```
#472eb7 rgb(71,46,183)
```
#4225c0
```
#4225c0 rgb(66,37,192)
```
#3c1dc8
```
#3c1dc8 rgb(60,29,200)
```
#3714d1
```
#3714d1 rgb(55,20,209)
```
#310bda
```
#310bda rgb(49,11,218)
```
#2b02e3
```
#2b02e3 rgb(43,2,227)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2f2750 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#00517f Deuteranopia 1% of men
#00565a Tritanopia 0.001% of the population

Trichromacy

#1134ad Protanomaly 1% of men, 0.01% of women
#1137a0 Deuteranomaly 6% of men, 0.4% of women
#113b88 Tritanomaly 0.01% of the population

#310bda hex color

#310bda Color Information

#310bda Color Conversion

Color Schemes with #310bda

Alternatives to #310bda

#310bda Preview

Shades and Tints of #310bda

Tones of #310bda

Color Blindness Simulator