#3d3af5 hex color

In a RGB color space, hex #3d3af5 is composed of 23.9% red, 22.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 76.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 241 degrees, a saturation of 90.3% and a lightness of 59.4%. #3d3af5 color hex could be obtained by blending #7a74ff with #0000eb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 24
- G 23
- B 96
RGB color chart
- C 75
- M 76
- Y 0
- K 4
CMYK color chart

● #3d3af5 color description : Bright blue.

The hexadecimal color #3d3af5 has RGB values of R:61, G:58, B:245 and CMYK values of C:0.75, M:0.76, Y:0, K:0.04. Its decimal value is 4012789.

Hex triplet	3d3af5	`#3d3af5`
RGB Decimal	61, 58, 245	`rgb(61,58,245)`
RGB Percent	23.9, 22.7, 96.1	`rgb(23.9%,22.7%,96.1%)`
CMYK	75, 76, 0, 4
HSL	241°, 90.3, 59.4	`hsl(241,90.3%,59.4%)`
HSV (or HSB)	241°, 76.3, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.915, 60.274, -91.176
XYZ	19.916, 10.61, 87.379
xyY	0.169, 0.09, 10.61
CIE-LCH	38.915, 109.298, 303.468
CIE-LUV	38.915, -8.742, -127.441
Hunter-Lab	32.572, 52.139, -136.253
Binary	00111101, 00111010, 11110101

#3d3af5
```
#3d3af5 rgb(61,58,245)
```
#f2f53a
```
#f2f53a rgb(242,245,58)
```

Complementary Color

#3a95f5
```
#3a95f5 rgb(58,149,245)
```
#3d3af5
```
#3d3af5 rgb(61,58,245)
```
#9b3af5
```
#9b3af5 rgb(155,58,245)
```

Analogous Color

#95f53a
```
#95f53a rgb(149,245,58)
```
#3d3af5
```
#3d3af5 rgb(61,58,245)
```
#f59b3a
```
#f59b3a rgb(245,155,58)
```

Split Complementary Color

#3af53d
```
#3af53d rgb(58,245,61)
```
#3d3af5
```
#3d3af5 rgb(61,58,245)
```
#f53d3a
```
#f53d3a rgb(245,61,58)
```

Triadic Color

#3af2f5
```
#3af2f5 rgb(58,242,245)
```
#3d3af5
```
#3d3af5 rgb(61,58,245)
```
#f53d3a
```
#f53d3a rgb(245,61,58)
```
#f2f53a
```
#f2f53a rgb(242,245,58)
```

Tetradic Color

#0e0bd8
```
#0e0bd8 rgb(14,11,216)
```
#100cf0
```
#100cf0 rgb(16,12,240)
```
#2522f4
```
#2522f4 rgb(37,34,244)
```
#3d3af5
```
#3d3af5 rgb(61,58,245)
```
#5552f6
```
#5552f6 rgb(85,82,246)
```
#6d6bf7
```
#6d6bf7 rgb(109,107,247)
```
#8583f9
```
#8583f9 rgb(133,131,249)
```

Monochromatic Color

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

#3a66f5
```
#3a66f5 rgb(58,102,245)
```
#3a56f5
```
#3a56f5 rgb(58,86,245)
```
#3a47f5
```
#3a47f5 rgb(58,71,245)
```
#3d3af5
```
#3d3af5 rgb(61,58,245)
```
#4d3af5
```
#4d3af5 rgb(77,58,245)
```
#5c3af5
```
#5c3af5 rgb(92,58,245)
```
#6c3af5
```
#6c3af5 rgb(108,58,245)
```

Similar Colors

Text with hexadecimal color #3d3af5

This text has a font color of #3d3af5.

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

#3d3af5 background color

This paragraph has a background color of #3d3af5.

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

#3d3af5 border color

This element has a border color of #3d3af5.

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

CSS codes

.text {color:#3d3af5;}

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

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

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

#010008
```
#010008 rgb(1,0,8)
```
#02011b
```
#02011b rgb(2,1,27)
```
#03022e
```
#03022e rgb(3,2,46)
```
#040340
```
#040340 rgb(4,3,64)
```
#050453
```
#050453 rgb(5,4,83)
```
#070566
```
#070566 rgb(7,5,102)
```
#080678
```
#080678 rgb(8,6,120)
```
#09078b
```
#09078b rgb(9,7,139)
```
#0a089e
```
#0a089e rgb(10,8,158)
```
#0c09b0
```
#0c09b0 rgb(12,9,176)
```
#0d0ac3
```
#0d0ac3 rgb(13,10,195)
```
#0e0bd6
```
#0e0bd6 rgb(14,11,214)
```
#0f0ce8
```
#0f0ce8 rgb(15,12,232)
```

Shade Color Variation

#1815f3
```
#1815f3 rgb(24,21,243)
```
#2b27f4
```
#2b27f4 rgb(43,39,244)
```
#3d3af5
```
#3d3af5 rgb(61,58,245)
```
#4f4df6
```
#4f4df6 rgb(79,77,246)
```
#625ff7
```
#625ff7 rgb(98,95,247)
```
#7472f8
```
#7472f8 rgb(116,114,248)
```
#8785f9
```
#8785f9 rgb(135,133,249)
```
#9997fa
```
#9997fa rgb(153,151,250)
```
#abaafb
```
#abaafb rgb(171,170,251)
```
#bebdfc
```
#bebdfc rgb(190,189,252)
```
#d0cffd
```
#d0cffd rgb(208,207,253)
```
#e2e2fe
```
#e2e2fe rgb(226,226,254)
```
#f5f5fe
```
#f5f5fe rgb(245,245,254)
```

Tint Color Variation

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

#92929d
```
#92929d rgb(146,146,157)
```
#8a8aa5
```
#8a8aa5 rgb(138,138,165)
```
#8282ad
```
#8282ad rgb(130,130,173)
```
#7b7ab5
```
#7b7ab5 rgb(123,122,181)
```
#7372bd
```
#7372bd rgb(115,114,189)
```
#6b6ac5
```
#6b6ac5 rgb(107,106,197)
```
#6462cd
```
#6462cd rgb(100,98,205)
```
#5c5ad5
```
#5c5ad5 rgb(92,90,213)
```
#5452dd
```
#5452dd rgb(84,82,221)
```
#4c4ae5
```
#4c4ae5 rgb(76,74,229)
```
#4542ed
```
#4542ed rgb(69,66,237)
```
#3d3af5
```
#3d3af5 rgb(61,58,245)
```
#3532fd
```
#3532fd rgb(53,50,253)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4c4c71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a3 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#1653d1 Protanomaly 1% of men, 0.01% of women
#1656c1 Deuteranomaly 6% of men, 0.4% of women
#165ba2 Tritanomaly 0.01% of the population

#3d3af5 hex color

#3d3af5 Color Information

#3d3af5 Color Conversion

Color Schemes with #3d3af5

Alternatives to #3d3af5

#3d3af5 Preview

Shades and Tints of #3d3af5

Tones of #3d3af5

Color Blindness Simulator