#3704f5 hex color

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

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

● #3704f5 color description : Vivid blue.

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

Hex triplet	3704f5	`#3704f5`
RGB Decimal	55, 4, 245	`rgb(55,4,245)`
RGB Percent	21.6, 1.6, 96.1	`rgb(21.6%,1.6%,96.1%)`
CMYK	78, 98, 0, 4
HSL	252.7°, 96.8, 48.8	`hsl(252.7,96.8%,48.8%)`
HSV (or HSB)	252.7°, 98.4, 96.1
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.898, 76.878, -101.19
XYZ	18.097, 7.491, 86.873
xyY	0.161, 0.067, 7.491
CIE-LCH	32.898, 127.082, 307.226
CIE-LUV	32.898, -5.448, -126.573
Hunter-Lab	27.369, 70.135, -169.038
Binary	00110111, 00000100, 11110101

#3704f5
```
#3704f5 rgb(55,4,245)
```
#c2f504
```
#c2f504 rgb(194,245,4)
```

Complementary Color

#044af5
```
#044af5 rgb(4,74,245)
```
#3704f5
```
#3704f5 rgb(55,4,245)
```
#b004f5
```
#b004f5 rgb(176,4,245)
```

Analogous Color

#4af504
```
#4af504 rgb(74,245,4)
```
#3704f5
```
#3704f5 rgb(55,4,245)
```
#f5b004
```
#f5b004 rgb(245,176,4)
```

Split Complementary Color

#04f537
```
#04f537 rgb(4,245,55)
```
#3704f5
```
#3704f5 rgb(55,4,245)
```
#f53704
```
#f53704 rgb(245,55,4)
```

Triadic Color

#04c2f5
```
#04c2f5 rgb(4,194,245)
```
#3704f5
```
#3704f5 rgb(55,4,245)
```
#f53704
```
#f53704 rgb(245,55,4)
```
#c2f504
```
#c2f504 rgb(194,245,4)
```

Tetradic Color

#2603aa
```
#2603aa rgb(38,3,170)
```
#2c03c3
```
#2c03c3 rgb(44,3,195)
```
#3104dc
```
#3104dc rgb(49,4,220)
```
#3704f5
```
#3704f5 rgb(55,4,245)
```
#4817fb
```
#4817fb rgb(72,23,251)
```
#5b30fc
```
#5b30fc rgb(91,48,252)
```
#6f49fc
```
#6f49fc rgb(111,73,252)
```

Monochromatic Color

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

#040df5
```
#040df5 rgb(4,13,245)
```
#0f04f5
```
#0f04f5 rgb(15,4,245)
```
#2304f5
```
#2304f5 rgb(35,4,245)
```
#3704f5
```
#3704f5 rgb(55,4,245)
```
#4b04f5
```
#4b04f5 rgb(75,4,245)
```
#5f04f5
```
#5f04f5 rgb(95,4,245)
```
#7304f5
```
#7304f5 rgb(115,4,245)
```

Similar Colors

Text with hexadecimal color #3704f5

This text has a font color of #3704f5.

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

#3704f5 background color

This paragraph has a background color of #3704f5.

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

#3704f5 border color

This element has a border color of #3704f5.

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

CSS codes

.text {color:#3704f5;}

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

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

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

#03000d
```
#03000d rgb(3,0,13)
```
#070121
```
#070121 rgb(7,1,33)
```
#0c0134
```
#0c0134 rgb(12,1,52)
```
#100147
```
#100147 rgb(16,1,71)
```
#14015b
```
#14015b rgb(20,1,91)
```
#19026e
```
#19026e rgb(25,2,110)
```
#1d0281
```
#1d0281 rgb(29,2,129)
```
#210294
```
#210294 rgb(33,2,148)
```
#2603a8
```
#2603a8 rgb(38,3,168)
```
#2a03bb
```
#2a03bb rgb(42,3,187)
```
#2e03ce
```
#2e03ce rgb(46,3,206)
```
#3304e2
```
#3304e2 rgb(51,4,226)
```
#3704f5
```
#3704f5 rgb(55,4,245)
```

Shade Color Variation

#4311fb
```
#4311fb rgb(67,17,251)
```
#5225fb
```
#5225fb rgb(82,37,251)
```
#6138fc
```
#6138fc rgb(97,56,252)
```
#714bfc
```
#714bfc rgb(113,75,252)
```
#805ffc
```
#805ffc rgb(128,95,252)
```
#8f72fd
```
#8f72fd rgb(143,114,253)
```
#9f85fd
```
#9f85fd rgb(159,133,253)
```
#ae99fd
```
#ae99fd rgb(174,153,253)
```
#bdacfe
```
#bdacfe rgb(189,172,254)
```
#ccbffe
```
#ccbffe rgb(204,191,254)
```
#dcd2fe
```
#dcd2fe rgb(220,210,254)
```
#ebe6ff
```
#ebe6ff rgb(235,230,255)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#797782
```
#797782 rgb(121,119,130)
```
#746d8c
```
#746d8c rgb(116,109,140)
```
#6e6495
```
#6e6495 rgb(110,100,149)
```
#695a9f
```
#695a9f rgb(105,90,159)
```
#6351a8
```
#6351a8 rgb(99,81,168)
```
#5e47b2
```
#5e47b2 rgb(94,71,178)
```
#583dbc
```
#583dbc rgb(88,61,188)
```
#5334c5
```
#5334c5 rgb(83,52,197)
```
#4d2acf
```
#4d2acf rgb(77,42,207)
```
#4821d8
```
#4821d8 rgb(72,33,216)
```
#4217e2
```
#4217e2 rgb(66,23,226)
```
#3d0eeb
```
#3d0eeb rgb(61,14,235)
```
#3704f5
```
#3704f5 rgb(55,4,245)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#312657 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598c Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#1437c0 Protanomaly 1% of men, 0.01% of women
#143ab2 Deuteranomaly 6% of men, 0.4% of women
#143e98 Tritanomaly 0.01% of the population

#3704f5 hex color

#3704f5 Color Information

#3704f5 Color Conversion

Color Schemes with #3704f5

Alternatives to #3704f5

#3704f5 Preview

Shades and Tints of #3704f5

Tones of #3704f5

Color Blindness Simulator