#3700f5 hex color

In a RGB color space, hex #3700f5 is composed of 21.6% red, 0% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 100% magenta, 0% yellow and 3.9% black. It has a hue angle of 253.5 degrees, a saturation of 100% and a lightness of 48%. #3700f5 color hex could be obtained by blending #6e00ff with #0000eb. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 22
- G 0
- B 96
RGB color chart
- C 78
- M 100
- Y 0
- K 4
CMYK color chart

● #3700f5 color description : Pure (or mostly pure) blue.

The hexadecimal color #3700f5 has RGB values of R:55, G:0, B:245 and CMYK values of C:0.78, M:1, Y:0, K:0.04. Its decimal value is 3604725.

Hex triplet	3700f5	`#3700f5`
RGB Decimal	55, 0, 245	`rgb(55,0,245)`
RGB Percent	21.6, 0, 96.1	`rgb(21.6%,0%,96.1%)`
CMYK	78, 100, 0, 4
HSL	253.5°, 100, 48	`hsl(253.5,100%,48%)`
HSV (or HSB)	253.5°, 100, 96.1
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.709, 77.466, -101.507
XYZ	18.054, 7.404, 86.859
xyY	0.161, 0.066, 7.404
CIE-LCH	32.709, 127.689, 307.349
CIE-LUV	32.709, -5.325, -126.435
Hunter-Lab	27.21, 70.819, -170.218
Binary	00110111, 00000000, 11110101

#3700f5
```
#3700f5 rgb(55,0,245)
```
#bef500
```
#bef500 rgb(190,245,0)
```

Complementary Color

#0044f5
```
#0044f5 rgb(0,68,245)
```
#3700f5
```
#3700f5 rgb(55,0,245)
```
#b200f5
```
#b200f5 rgb(178,0,245)
```

Analogous Color

#43f500
```
#43f500 rgb(67,245,0)
```
#3700f5
```
#3700f5 rgb(55,0,245)
```
#f5b200
```
#f5b200 rgb(245,178,0)
```

Split Complementary Color

#00f537
```
#00f537 rgb(0,245,55)
```
#3700f5
```
#3700f5 rgb(55,0,245)
```
#f53700
```
#f53700 rgb(245,55,0)
```

Triadic Color

#00bef5
```
#00bef5 rgb(0,190,245)
```
#3700f5
```
#3700f5 rgb(55,0,245)
```
#f53700
```
#f53700 rgb(245,55,0)
```
#bef500
```
#bef500 rgb(190,245,0)
```

Tetradic Color

#2600a9
```
#2600a9 rgb(38,0,169)
```
#2c00c2
```
#2c00c2 rgb(44,0,194)
```
#3100dc
```
#3100dc rgb(49,0,220)
```
#3700f5
```
#3700f5 rgb(55,0,245)
```
#4510ff
```
#4510ff rgb(69,16,255)
```
#5929ff
```
#5929ff rgb(89,41,255)
```
#6d43ff
```
#6d43ff rgb(109,67,255)
```

Monochromatic Color

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

#0006f5
```
#0006f5 rgb(0,6,245)
```
#0e00f5
```
#0e00f5 rgb(14,0,245)
```
#2300f5
```
#2300f5 rgb(35,0,245)
```
#3700f5
```
#3700f5 rgb(55,0,245)
```
#4b00f5
```
#4b00f5 rgb(75,0,245)
```
#6000f5
```
#6000f5 rgb(96,0,245)
```
#7400f5
```
#7400f5 rgb(116,0,245)
```

Similar Colors

Text with hexadecimal color #3700f5

This text has a font color of #3700f5.

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

#3700f5 background color

This paragraph has a background color of #3700f5.

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

#3700f5 border color

This element has a border color of #3700f5.

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

CSS codes

.text {color:#3700f5;}

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

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

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 #f7f5ff is the lightest one.

#02000a
```
#02000a rgb(2,0,10)
```
#07001d
```
#07001d rgb(7,0,29)
```
#0b0031
```
#0b0031 rgb(11,0,49)
```
#0f0044
```
#0f0044 rgb(15,0,68)
```
#140058
```
#140058 rgb(20,0,88)
```
#18006c
```
#18006c rgb(24,0,108)
```
#1d007f
```
#1d007f rgb(29,0,127)
```
#210093
```
#210093 rgb(33,0,147)
```
#2500a7
```
#2500a7 rgb(37,0,167)
```
#2a00ba
```
#2a00ba rgb(42,0,186)
```
#2e00ce
```
#2e00ce rgb(46,0,206)
```
#3300e1
```
#3300e1 rgb(51,0,225)
```
#3700f5
```
#3700f5 rgb(55,0,245)
```

Shade Color Variation

#410aff
```
#410aff rgb(65,10,255)
```
#501dff
```
#501dff rgb(80,29,255)
```
#5f31ff
```
#5f31ff rgb(95,49,255)
```
#6e44ff
```
#6e44ff rgb(110,68,255)
```
#7e58ff
```
#7e58ff rgb(126,88,255)
```
#8d6cff
```
#8d6cff rgb(141,108,255)
```
#9c7fff
```
#9c7fff rgb(156,127,255)
```
#ab93ff
```
#ab93ff rgb(171,147,255)
```
#baa7ff
```
#baa7ff rgb(186,167,255)
```
#cabaff
```
#cabaff rgb(202,186,255)
```
#d9ceff
```
#d9ceff rgb(217,206,255)
```
#e8e1ff
```
#e8e1ff rgb(232,225,255)
```
#f7f5ff
```
#f7f5ff rgb(247,245,255)
```

Tint Color Variation

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

#757184
```
#757184 rgb(117,113,132)
```
#70688d
```
#70688d rgb(112,104,141)
```
#6b5e97
```
#6b5e97 rgb(107,94,151)
```
#6655a0
```
#6655a0 rgb(102,85,160)
```
#614baa
```
#614baa rgb(97,75,170)
```
#5b42b3
```
#5b42b3 rgb(91,66,179)
```
#5639bc
```
#5639bc rgb(86,57,188)
```
#512fc6
```
#512fc6 rgb(81,47,198)
```
#4c26cf
```
#4c26cf rgb(76,38,207)
```
#471cd9
```
#471cd9 rgb(71,28,217)
```
#4113e2
```
#4113e2 rgb(65,19,226)
```
#3c09ec
```
#3c09ec rgb(60,9,236)
```
#3700f5
```
#3700f5 rgb(55,0,245)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2e2354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#1435c0 Protanomaly 1% of men, 0.01% of women
#1438b2 Deuteranomaly 6% of men, 0.4% of women
#143c97 Tritanomaly 0.01% of the population

#3700f5 hex color

#3700f5 Color Information

#3700f5 Color Conversion

Color Schemes with #3700f5

Alternatives to #3700f5

#3700f5 Preview

Shades and Tints of #3700f5

Tones of #3700f5

Color Blindness Simulator