colorhexa.com

#3d4ff5 hex color

In a RGB color space, hex #3d4ff5 is composed of 23.9% red, 31% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 67.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 234.1 degrees, a saturation of 90.2% and a lightness of 60%. #3d4ff5 color hex could be obtained by blending #7a9eff with #0000eb. Closest websafe color is: #3366ff.

- R 24
- G 31
- B 96
RGB color chart
- C 75
- M 68
- Y 0
- K 4
CMYK color chart

● #3d4ff5 color description : Bright blue.

The hexadecimal color #3d4ff5 has RGB values of R:61, G:79, B:245 and CMYK values of C:0.75, M:0.68, Y:0, K:0.04. Its decimal value is 4018165.

Hex triplet	3d4ff5	`#3d4ff5`
RGB Decimal	61, 79, 245	`rgb(61,79,245)`
RGB Percent	23.9, 31, 96.1	`rgb(23.9%,31%,96.1%)`
CMYK	75, 68, 0, 4
HSL	234.1°, 90.2, 60	`hsl(234.1,90.2%,60%)`
HSV (or HSB)	234.1°, 75.1, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.026, 48.798, -84.391
XYZ	21.199, 13.175, 87.807
xyY	0.174, 0.108, 13.175
CIE-LCH	43.026, 97.484, 300.038
CIE-LUV	43.026, -12.311, -124.426
Hunter-Lab	36.298, 40.726, -118.019
Binary	00111101, 01001111, 11110101

#3d4ff5
```
#3d4ff5 rgb(61,79,245)
```
#f5e33d
```
#f5e33d rgb(245,227,61)
```

Complementary Color

#3dabf5
```
#3dabf5 rgb(61,171,245)
```
#3d4ff5
```
#3d4ff5 rgb(61,79,245)
```
#873df5
```
#873df5 rgb(135,61,245)
```

Analogous Color

#abf53d
```
#abf53d rgb(171,245,61)
```
#3d4ff5
```
#3d4ff5 rgb(61,79,245)
```
#f5873d
```
#f5873d rgb(245,135,61)
```

Split Complementary Color

#4ff53d
```
#4ff53d rgb(79,245,61)
```
#3d4ff5
```
#3d4ff5 rgb(61,79,245)
```
#f53d4f
```
#f53d4f rgb(245,61,79)
```

Triadic Color

#3df5e3
```
#3df5e3 rgb(61,245,227)
```
#3d4ff5
```
#3d4ff5 rgb(61,79,245)
```
#f53d4f
```
#f53d4f rgb(245,61,79)
```
#f5e33d
```
#f5e33d rgb(245,227,61)
```

Tetradic Color

#0b20da
```
#0b20da rgb(11,32,218)
```
#0d23f3
```
#0d23f3 rgb(13,35,243)
```
#2539f4
```
#2539f4 rgb(37,57,244)
```
#3d4ff5
```
#3d4ff5 rgb(61,79,245)
```
#5565f6
```
#5565f6 rgb(85,101,246)
```
#6e7bf8
```
#6e7bf8 rgb(110,123,248)
```
#8691f9
```
#8691f9 rgb(134,145,249)
```

Monochromatic Color

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

#3d7df5
```
#3d7df5 rgb(61,125,245)
```
#3d6ef5
```
#3d6ef5 rgb(61,110,245)
```
#3d5ef5
```
#3d5ef5 rgb(61,94,245)
```
#3d4ff5
```
#3d4ff5 rgb(61,79,245)
```
#3d40f5
```
#3d40f5 rgb(61,64,245)
```
#4a3df5
```
#4a3df5 rgb(74,61,245)
```
#593df5
```
#593df5 rgb(89,61,245)
```

Similar Colors

Text with hexadecimal color #3d4ff5

This text has a font color of #3d4ff5.

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

#3d4ff5 background color

This paragraph has a background color of #3d4ff5.

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

#3d4ff5 border color

This element has a border color of #3d4ff5.

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

CSS codes

.text {color:#3d4ff5;}

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

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

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, #01020b is the darkest color, while #f8f8ff is the lightest one.

#01020b
```
#01020b rgb(1,2,11)
```
#02041e
```
#02041e rgb(2,4,30)
```
#020731
```
#020731 rgb(2,7,49)
```
#030a43
```
#030a43 rgb(3,10,67)
```
#040c56
```
#040c56 rgb(4,12,86)
```
#050f68
```
#050f68 rgb(5,15,104)
```
#06127b
```
#06127b rgb(6,18,123)
```
#07148e
```
#07148e rgb(7,20,142)
```
#0817a0
```
#0817a0 rgb(8,23,160)
```
#091ab3
```
#091ab3 rgb(9,26,179)
```
#0a1dc6
```
#0a1dc6 rgb(10,29,198)
```
#0b1fd8
```
#0b1fd8 rgb(11,31,216)
```
#0c22eb
```
#0c22eb rgb(12,34,235)
```

Shade Color Variation

#182df3
```
#182df3 rgb(24,45,243)
```
#2a3ef4
```
#2a3ef4 rgb(42,62,244)
```
#3d4ff5
```
#3d4ff5 rgb(61,79,245)
```
#5060f6
```
#5060f6 rgb(80,96,246)
```
#6271f7
```
#6271f7 rgb(98,113,247)
```
#7582f8
```
#7582f8 rgb(117,130,248)
```
#8893f9
```
#8893f9 rgb(136,147,249)
```
#9aa4fa
```
#9aa4fa rgb(154,164,250)
```
#adb5fb
```
#adb5fb rgb(173,181,251)
```
#c0c5fc
```
#c0c5fc rgb(192,197,252)
```
#d2d6fd
```
#d2d6fd rgb(210,214,253)
```
#e5e7fe
```
#e5e7fe rgb(229,231,254)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93949f is the less saturated color, while #3549fd is the most saturated one.

#93949f
```
#93949f rgb(147,148,159)
```
#8b8ea7
```
#8b8ea7 rgb(139,142,167)
```
#8488ae
```
#8488ae rgb(132,136,174)
```
#7c81b6
```
#7c81b6 rgb(124,129,182)
```
#747bbe
```
#747bbe rgb(116,123,190)
```
#6c75c6
```
#6c75c6 rgb(108,117,198)
```
#646fce
```
#646fce rgb(100,111,206)
```
#5c68d6
```
#5c68d6 rgb(92,104,214)
```
#5562dd
```
#5562dd rgb(85,98,221)
```
#4d5ce5
```
#4d5ce5 rgb(77,92,229)
```
#4555ed
```
#4555ed rgb(69,85,237)
```
#3d4ff5
```
#3d4ff5 rgb(61,79,245)
```
#3549fd
```
#3549fd rgb(53,73,253)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#575a7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#0070b4 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#1660dd Protanomaly 1% of men, 0.01% of women
#1664cb Deuteranomaly 6% of men, 0.4% of women
#1669a9 Tritanomaly 0.01% of the population