colorhexa.com

#3014f5 hex color

In a RGB color space, hex #3014f5 is composed of 18.8% red, 7.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 91.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 247.5 degrees, a saturation of 91.8% and a lightness of 52%. #3014f5 color hex could be obtained by blending #6028ff with #0000eb. Closest websafe color is: #3300ff.

- R 19
- G 8
- B 96
RGB color chart
- C 80
- M 92
- Y 0
- K 4
CMYK color chart

● #3014f5 color description : Vivid blue.

The hexadecimal color #3014f5 has RGB values of R:48, G:20, B:245 and CMYK values of C:0.8, M:0.92, Y:0, K:0.04. Its decimal value is 3151093.

Hex triplet	3014f5	`#3014f5`
RGB Decimal	48, 20, 245	`rgb(48,20,245)`
RGB Percent	18.8, 7.8, 96.1	`rgb(18.8%,7.8%,96.1%)`
CMYK	80, 92, 0, 4
HSL	247.5°, 91.8, 52	`hsl(247.5,91.8%,52%)`
HSV (or HSB)	247.5°, 91.8, 96.1
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.393, 73.95, -100.375
XYZ	17.947, 7.72, 86.925
xyY	0.159, 0.069, 7.72
CIE-LCH	33.393, 124.674, 306.381
CIE-LUV	33.393, -6.892, -126.857
Hunter-Lab	27.785, 66.675, -166.039
Binary	00110000, 00010100, 11110101

#3014f5
```
#3014f5 rgb(48,20,245)
```
#d9f514
```
#d9f514 rgb(217,245,20)
```

Complementary Color

#1469f5
```
#1469f5 rgb(20,105,245)
```
#3014f5
```
#3014f5 rgb(48,20,245)
```
#a114f5
```
#a114f5 rgb(161,20,245)
```

Analogous Color

#69f514
```
#69f514 rgb(105,245,20)
```
#3014f5
```
#3014f5 rgb(48,20,245)
```
#f5a114
```
#f5a114 rgb(245,161,20)
```

Split Complementary Color

#14f530
```
#14f530 rgb(20,245,48)
```
#3014f5
```
#3014f5 rgb(48,20,245)
```
#f53014
```
#f53014 rgb(245,48,20)
```

Triadic Color

#14d9f5
```
#14d9f5 rgb(20,217,245)
```
#3014f5
```
#3014f5 rgb(48,20,245)
```
#f53014
```
#f53014 rgb(245,48,20)
```
#d9f514
```
#d9f514 rgb(217,245,20)
```

Tetradic Color

#1d08b5
```
#1d08b5 rgb(29,8,181)
```
#2109cd
```
#2109cd rgb(33,9,205)
```
#250ae6
```
#250ae6 rgb(37,10,230)
```
#3014f5
```
#3014f5 rgb(48,20,245)
```
#462cf6
```
#462cf6 rgb(70,44,246)
```
#5b45f7
```
#5b45f7 rgb(91,69,247)
```
#715df8
```
#715df8 rgb(113,93,248)
```

Monochromatic Color

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

#1430f5
```
#1430f5 rgb(20,48,245)
```
#141df5
```
#141df5 rgb(20,29,245)
```
#1d14f5
```
#1d14f5 rgb(29,20,245)
```
#3014f5
```
#3014f5 rgb(48,20,245)
```
#4314f5
```
#4314f5 rgb(67,20,245)
```
#5614f5
```
#5614f5 rgb(86,20,245)
```
#6814f5
```
#6814f5 rgb(104,20,245)
```

Similar Colors

Text with hexadecimal color #3014f5

This text has a font color of #3014f5.

<span style="color:#3014f5;">Text here</span>

#3014f5 background color

This paragraph has a background color of #3014f5.

<p style="background-color:#3014f5;">Content here</p>

#3014f5 border color

This element has a border color of #3014f5.

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

CSS codes

.text {color:#3014f5;}

.background {background-color:#3014f5;}

.border {border:1px solid #3014f5;}

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, #02000a is the darkest color, while #f7f6ff is the lightest one.

#02000a
```
#02000a rgb(2,0,10)
```
#05011c
```
#05011c rgb(5,1,28)
```
#08022f
```
#08022f rgb(8,2,47)
```
#0b0342
```
#0b0342 rgb(11,3,66)
```
#0e0455
```
#0e0455 rgb(14,4,85)
```
#110468
```
#110468 rgb(17,4,104)
```
#14057a
```
#14057a rgb(20,5,122)
```
#17068d
```
#17068d rgb(23,6,141)
```
#1a07a0
```
#1a07a0 rgb(26,7,160)
```
#1d08b3
```
#1d08b3 rgb(29,8,179)
```
#2008c6
```
#2008c6 rgb(32,8,198)
```
#2309d9
```
#2309d9 rgb(35,9,217)
```
#260aeb
```
#260aeb rgb(38,10,235)
```

Shade Color Variation

#3014f5
```
#3014f5 rgb(48,20,245)
```
#4127f6
```
#4127f6 rgb(65,39,246)
```
#513af7
```
#513af7 rgb(81,58,247)
```
#624cf7
```
#624cf7 rgb(98,76,247)
```
#725ff8
```
#725ff8 rgb(114,95,248)
```
#8372f9
```
#8372f9 rgb(131,114,249)
```
#9385fa
```
#9385fa rgb(147,133,250)
```
#a498fb
```
#a498fb rgb(164,152,251)
```
#b5abfb
```
#b5abfb rgb(181,171,251)
```
#c5bdfc
```
#c5bdfc rgb(197,189,252)
```
#d6d0fd
```
#d6d0fd rgb(214,208,253)
```
#e6e3fe
```
#e6e3fe rgb(230,227,254)
```
#f7f6ff
```
#f7f6ff rgb(247,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7c8d is the less saturated color, while #290bfe is the most saturated one.

#7e7c8d
```
#7e7c8d rgb(126,124,141)
```
#777297
```
#777297 rgb(119,114,151)
```
#7069a0
```
#7069a0 rgb(112,105,160)
```
#695faa
```
#695faa rgb(105,95,170)
```
#6256b3
```
#6256b3 rgb(98,86,179)
```
#5a4dbc
```
#5a4dbc rgb(90,77,188)
```
#5343c6
```
#5343c6 rgb(83,67,198)
```
#4c3acf
```
#4c3acf rgb(76,58,207)
```
#4530d9
```
#4530d9 rgb(69,48,217)
```
#3e27e2
```
#3e27e2 rgb(62,39,226)
```
#371dec
```
#371dec rgb(55,29,236)
```
#3014f5
```
#3014f5 rgb(48,20,245)
```
#290bfe
```
#290bfe rgb(41,11,254)
```

Tone Color Variation

Below, you can see how #3014f5 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

#363636 Achromatopsia 0.005% of the population
#352f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#113dc2 Protanomaly 1% of men, 0.01% of women
#1140b3 Deuteranomaly 6% of men, 0.4% of women
#114499 Tritanomaly 0.01% of the population