#3d14f3 hex color

In a RGB color space, hex #3d14f3 is composed of 23.9% red, 7.8% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 91.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 251 degrees, a saturation of 90.3% and a lightness of 51.6%. #3d14f3 color hex could be obtained by blending #7a28ff with #0000e7. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 24
- G 8
- B 95
RGB color chart
- C 75
- M 92
- Y 0
- K 5
CMYK color chart

● #3d14f3 color description : Vivid blue.

The hexadecimal color #3d14f3 has RGB values of R:61, G:20, B:243 and CMYK values of C:0.75, M:0.92, Y:0, K:0.05. Its decimal value is 4003059.

Hex triplet	3d14f3	`#3d14f3`
RGB Decimal	61, 20, 243	`rgb(61,20,243)`
RGB Percent	23.9, 7.8, 95.3	`rgb(23.9%,7.8%,95.3%)`
CMYK	75, 92, 0, 5
HSL	251°, 90.3, 51.6	`hsl(251,90.3%,51.6%)`
HSV (or HSB)	251°, 91.8, 95.3
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.904, 73.871, -98.371
XYZ	18.349, 7.962, 85.359
xyY	0.164, 0.071, 7.962
CIE-LCH	33.904, 123.02, 306.904
CIE-LUV	33.904, -5.064, -126.229
Hunter-Lab	28.218, 66.692, -159.6
Binary	00111101, 00010100, 11110011

#3d14f3
```
#3d14f3 rgb(61,20,243)
```
#caf314
```
#caf314 rgb(202,243,20)
```

Complementary Color

#145bf3
```
#145bf3 rgb(20,91,243)
```
#3d14f3
```
#3d14f3 rgb(61,20,243)
```
#ad14f3
```
#ad14f3 rgb(173,20,243)
```

Analogous Color

#5bf314
```
#5bf314 rgb(91,243,20)
```
#3d14f3
```
#3d14f3 rgb(61,20,243)
```
#f3ad14
```
#f3ad14 rgb(243,173,20)
```

Split Complementary Color

#14f33d
```
#14f33d rgb(20,243,61)
```
#3d14f3
```
#3d14f3 rgb(61,20,243)
```
#f33d14
```
#f33d14 rgb(243,61,20)
```

Triadic Color

#14caf3
```
#14caf3 rgb(20,202,243)
```
#3d14f3
```
#3d14f3 rgb(61,20,243)
```
#f33d14
```
#f33d14 rgb(243,61,20)
```
#caf314
```
#caf314 rgb(202,243,20)
```

Tetradic Color

#2809b1
```
#2809b1 rgb(40,9,177)
```
#2d0aca
```
#2d0aca rgb(45,10,202)
```
#330ce2
```
#330ce2 rgb(51,12,226)
```
#3d14f3
```
#3d14f3 rgb(61,20,243)
```
#512cf4
```
#512cf4 rgb(81,44,244)
```
#6545f5
```
#6545f5 rgb(101,69,245)
```
#795df7
```
#795df7 rgb(121,93,247)
```

Monochromatic Color

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

#1423f3
```
#1423f3 rgb(20,35,243)
```
#1814f3
```
#1814f3 rgb(24,20,243)
```
#2a14f3
```
#2a14f3 rgb(42,20,243)
```
#3d14f3
```
#3d14f3 rgb(61,20,243)
```
#5014f3
```
#5014f3 rgb(80,20,243)
```
#6214f3
```
#6214f3 rgb(98,20,243)
```
#7514f3
```
#7514f3 rgb(117,20,243)
```

Similar Colors

Text with hexadecimal color #3d14f3

This text has a font color of #3d14f3.

<span style="color:#3d14f3;">Text here</span>

#3d14f3 background color

This paragraph has a background color of #3d14f3.

<p style="background-color:#3d14f3;">Content here</p>

#3d14f3 border color

This element has a border color of #3d14f3.

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

CSS codes

.text {color:#3d14f3;}

.background {background-color:#3d14f3;}

.border {border:1px solid #3d14f3;}

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

#020008
```
#020008 rgb(2,0,8)
```
#06011a
```
#06011a rgb(6,1,26)
```
#0a022d
```
#0a022d rgb(10,2,45)
```
#0e0340
```
#0e0340 rgb(14,3,64)
```
#130452
```
#130452 rgb(19,4,82)
```
#170565
```
#170565 rgb(23,5,101)
```
#1b0678
```
#1b0678 rgb(27,6,120)
```
#1f078a
```
#1f078a rgb(31,7,138)
```
#23089d
```
#23089d rgb(35,8,157)
```
#2809b0
```
#2809b0 rgb(40,9,176)
```
#2c0ac2
```
#2c0ac2 rgb(44,10,194)
```
#300bd5
```
#300bd5 rgb(48,11,213)
```
#340ce8
```
#340ce8 rgb(52,12,232)
```

Shade Color Variation

#3d14f3
```
#3d14f3 rgb(61,20,243)
```
#4c27f4
```
#4c27f4 rgb(76,39,244)
```
#5c39f5
```
#5c39f5 rgb(92,57,245)
```
#6b4cf6
```
#6b4cf6 rgb(107,76,246)
```
#7b5ff7
```
#7b5ff7 rgb(123,95,247)
```
#8a71f8
```
#8a71f8 rgb(138,113,248)
```
#9984f9
```
#9984f9 rgb(153,132,249)
```
#a997fa
```
#a997fa rgb(169,151,250)
```
#b8a9fb
```
#b8a9fb rgb(184,169,251)
```
#c8bcfc
```
#c8bcfc rgb(200,188,252)
```
#d7cffd
```
#d7cffd rgb(215,207,253)
```
#e6e1fd
```
#e6e1fd rgb(230,225,253)
```
#f6f4fe
```
#f6f4fe rgb(246,244,254)
```

Tint Color Variation

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

#7f7d8b
```
#7f7d8b rgb(127,125,139)
```
#797394
```
#797394 rgb(121,115,148)
```
#736a9e
```
#736a9e rgb(115,106,158)
```
#6d60a7
```
#6d60a7 rgb(109,96,167)
```
#6757b1
```
#6757b1 rgb(103,87,177)
```
#614dba
```
#614dba rgb(97,77,186)
```
#5b44c4
```
#5b44c4 rgb(91,68,196)
```
#553acd
```
#553acd rgb(85,58,205)
```
#4f31d7
```
#4f31d7 rgb(79,49,215)
```
#4927e0
```
#4927e0 rgb(73,39,224)
```
#431eea
```
#431eea rgb(67,30,234)
```
#3d14f3
```
#3d14f3 rgb(61,20,243)
```
#370bfd
```
#370bfd rgb(55,11,253)
```

Tone Color Variation

Below, you can see how #3d14f3 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

#3a3a3a Achromatopsia 0.005% of the population
#3b325f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#163ec2 Protanomaly 1% of men, 0.01% of women
#1641b4 Deuteranomaly 6% of men, 0.4% of women
#164599 Tritanomaly 0.01% of the population

#3d14f3 hex color

#3d14f3 Color Information

#3d14f3 Color Conversion

Color Schemes with #3d14f3

Alternatives to #3d14f3

#3d14f3 Preview

Shades and Tints of #3d14f3

Tones of #3d14f3

Color Blindness Simulator