#3d57f2 hex color

In a RGB color space, hex #3d57f2 is composed of 23.9% red, 34.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 64% magenta, 0% yellow and 5.1% black. It has a hue angle of 231.4 degrees, a saturation of 87.4% and a lightness of 59.4%. #3d57f2 color hex could be obtained by blending #7aaeff with #0000e5. Closest websafe color is: #3366ff.

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

● #3d57f2 color description : Bright blue.

The hexadecimal color #3d57f2 has RGB values of R:61, G:87, B:242 and CMYK values of C:0.75, M:0.64, Y:0, K:0.05. Its decimal value is 4020210.

Hex triplet	3d57f2	`#3d57f2`
RGB Decimal	61, 87, 242	`rgb(61,87,242)`
RGB Percent	23.9, 34.1, 94.9	`rgb(23.9%,34.1%,94.9%)`
CMYK	75, 64, 0, 5
HSL	231.4°, 87.4, 59.4	`hsl(231.4,87.4%,59.4%)`
HSV (or HSB)	231.4°, 74.8, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.544, 43.007, -80.214
XYZ	21.356, 14.218, 85.618
xyY	0.176, 0.117, 14.218
CIE-LCH	44.544, 91.016, 298.198
CIE-LUV	44.544, -13.913, -120.434
Hunter-Lab	37.707, 35.113, -108.232
Binary	00111101, 01010111, 11110010

#3d57f2
```
#3d57f2 rgb(61,87,242)
```
#f2d83d
```
#f2d83d rgb(242,216,61)
```

Complementary Color

#3db2f2
```
#3db2f2 rgb(61,178,242)
```
#3d57f2
```
#3d57f2 rgb(61,87,242)
```
#7e3df2
```
#7e3df2 rgb(126,61,242)
```

Analogous Color

#b2f23d
```
#b2f23d rgb(178,242,61)
```
#3d57f2
```
#3d57f2 rgb(61,87,242)
```
#f27e3d
```
#f27e3d rgb(242,126,61)
```

Split Complementary Color

#57f23d
```
#57f23d rgb(87,242,61)
```
#3d57f2
```
#3d57f2 rgb(61,87,242)
```
#f23d57
```
#f23d57 rgb(242,61,87)
```

Triadic Color

#3df2d8
```
#3df2d8 rgb(61,242,216)
```
#3d57f2
```
#3d57f2 rgb(61,87,242)
```
#f23d57
```
#f23d57 rgb(242,61,87)
```
#f2d83d
```
#f2d83d rgb(242,216,61)
```

Tetradic Color

#0e2bd4
```
#0e2bd4 rgb(14,43,212)
```
#102fec
```
#102fec rgb(16,47,236)
```
#2542f0
```
#2542f0 rgb(37,66,240)
```
#3d57f2
```
#3d57f2 rgb(61,87,242)
```
#556cf4
```
#556cf4 rgb(85,108,244)
```
#6d80f5
```
#6d80f5 rgb(109,128,245)
```
#8595f7
```
#8595f7 rgb(133,149,247)
```

Monochromatic Color

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

#3d84f2
```
#3d84f2 rgb(61,132,242)
```
#3d75f2
```
#3d75f2 rgb(61,117,242)
```
#3d66f2
```
#3d66f2 rgb(61,102,242)
```
#3d57f2
```
#3d57f2 rgb(61,87,242)
```
#3d48f2
```
#3d48f2 rgb(61,72,242)
```
#413df2
```
#413df2 rgb(65,61,242)
```
#503df2
```
#503df2 rgb(80,61,242)
```

Similar Colors

Text with hexadecimal color #3d57f2

This text has a font color of #3d57f2.

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

#3d57f2 background color

This paragraph has a background color of #3d57f2.

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

#3d57f2 border color

This element has a border color of #3d57f2.

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

CSS codes

.text {color:#3d57f2;}

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

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

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

#010208
```
#010208 rgb(1,2,8)
```
#02051b
```
#02051b rgb(2,5,27)
```
#03092d
```
#03092d rgb(3,9,45)
```
#040d3f
```
#040d3f rgb(4,13,63)
```
#051052
```
#051052 rgb(5,16,82)
```
#071464
```
#071464 rgb(7,20,100)
```
#081877
```
#081877 rgb(8,24,119)
```
#091c89
```
#091c89 rgb(9,28,137)
```
#0a1f9b
```
#0a1f9b rgb(10,31,155)
```
#0c23ae
```
#0c23ae rgb(12,35,174)
```
#0d27c0
```
#0d27c0 rgb(13,39,192)
```
#0e2ad2
```
#0e2ad2 rgb(14,42,210)
```
#0f2ee5
```
#0f2ee5 rgb(15,46,229)
```

Shade Color Variation

#1837f0
```
#1837f0 rgb(24,55,240)
```
#2b47f1
```
#2b47f1 rgb(43,71,241)
```
#3d57f2
```
#3d57f2 rgb(61,87,242)
```
#4f67f3
```
#4f67f3 rgb(79,103,243)
```
#6277f4
```
#6277f4 rgb(98,119,244)
```
#7487f6
```
#7487f6 rgb(116,135,246)
```
#8797f7
```
#8797f7 rgb(135,151,247)
```
#99a7f8
```
#99a7f8 rgb(153,167,248)
```
#abb7f9
```
#abb7f9 rgb(171,183,249)
```
#bec6fb
```
#bec6fb rgb(190,198,251)
```
#d0d6fc
```
#d0d6fc rgb(208,214,252)
```
#e2e6fd
```
#e2e6fd rgb(226,230,253)
```
#f5f6fe
```
#f5f6fe rgb(245,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95959a is the less saturated color, while #3551fa is the most saturated one.

#95959a
```
#95959a rgb(149,149,154)
```
#8d90a2
```
#8d90a2 rgb(141,144,162)
```
#858aaa
```
#858aaa rgb(133,138,170)
```
#7d84b2
```
#7d84b2 rgb(125,132,178)
```
#757fba
```
#757fba rgb(117,127,186)
```
#6d79c2
```
#6d79c2 rgb(109,121,194)
```
#6573ca
```
#6573ca rgb(101,115,202)
```
#5d6ed2
```
#5d6ed2 rgb(93,110,210)
```
#5568da
```
#5568da rgb(85,104,218)
```
#4d62e2
```
#4d62e2 rgb(77,98,226)
```
#455dea
```
#455dea rgb(69,93,234)
```
#3d57f2
```
#3d57f2 rgb(61,87,242)
```
#3551fa
```
#3551fa rgb(53,81,250)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5a5f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1665e0 Protanomaly 1% of men, 0.01% of women
#1669ce Deuteranomaly 6% of men, 0.4% of women
#166eab Tritanomaly 0.01% of the population

#3d57f2 hex color

#3d57f2 Color Information

#3d57f2 Color Conversion

Color Schemes with #3d57f2

Alternatives to #3d57f2

#3d57f2 Preview

Shades and Tints of #3d57f2

Tones of #3d57f2

Color Blindness Simulator