#3d57ff hex color

In a RGB color space, hex #3d57ff is composed of 23.9% red, 34.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 65.9% magenta, 0% yellow and 0% black. It has a hue angle of 232 degrees, a saturation of 100% and a lightness of 62%. #3d57ff color hex could be obtained by blending #7aaeff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 24
- G 34
- B 100
RGB color chart
- C 76
- M 66
- Y 0
- K 0
CMYK color chart

● #3d57ff color description : Light blue.

The hexadecimal color #3d57ff has RGB values of R:61, G:87, B:255 and CMYK values of C:0.76, M:0.66, Y:0, K:0. Its decimal value is 4020223.

Hex triplet	3d57ff	`#3d57ff`
RGB Decimal	61, 87, 255	`rgb(61,87,255)`
RGB Percent	23.9, 34.1, 100	`rgb(23.9%,34.1%,100%)`
CMYK	76, 66, 0, 0
HSL	232°, 100, 62	`hsl(232,100%,62%)`
HSV (or HSB)	232°, 76.1, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.671, 47.456, -85.629
XYZ	23.379, 15.027, 96.271
xyY	0.174, 0.112, 15.027
CIE-LCH	45.671, 97.9, 298.996
CIE-LUV	45.671, -14.182, -128.7
Hunter-Lab	38.765, 39.816, -120.11
Binary	00111101, 01010111, 11111111

#3d57ff
```
#3d57ff rgb(61,87,255)
```
#ffe53d
```
#ffe53d rgb(255,229,61)
```

Complementary Color

#3db8ff
```
#3db8ff rgb(61,184,255)
```
#3d57ff
```
#3d57ff rgb(61,87,255)
```
#843dff
```
#843dff rgb(132,61,255)
```

Analogous Color

#b8ff3d
```
#b8ff3d rgb(184,255,61)
```
#3d57ff
```
#3d57ff rgb(61,87,255)
```
#ff843d
```
#ff843d rgb(255,132,61)
```

Split Complementary Color

#57ff3d
```
#57ff3d rgb(87,255,61)
```
#3d57ff
```
#3d57ff rgb(61,87,255)
```
#ff3d57
```
#ff3d57 rgb(255,61,87)
```

Triadic Color

#3dffe5
```
#3dffe5 rgb(61,255,229)
```
#3d57ff
```
#3d57ff rgb(61,87,255)
```
#ff3d57
```
#ff3d57 rgb(255,61,87)
```
#ffe53d
```
#ffe53d rgb(255,229,61)
```

Tetradic Color

#0020f0
```
#0020f0 rgb(0,32,240)
```
#0a2bff
```
#0a2bff rgb(10,43,255)
```
#2441ff
```
#2441ff rgb(36,65,255)
```
#3d57ff
```
#3d57ff rgb(61,87,255)
```
#576dff
```
#576dff rgb(87,109,255)
```
#7083ff
```
#7083ff rgb(112,131,255)
```
#8a99ff
```
#8a99ff rgb(138,153,255)
```

Monochromatic Color

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

#3d88ff
```
#3d88ff rgb(61,136,255)
```
#3d77ff
```
#3d77ff rgb(61,119,255)
```
#3d67ff
```
#3d67ff rgb(61,103,255)
```
#3d57ff
```
#3d57ff rgb(61,87,255)
```
#3d47ff
```
#3d47ff rgb(61,71,255)
```
#433dff
```
#433dff rgb(67,61,255)
```
#543dff
```
#543dff rgb(84,61,255)
```

Similar Colors

Text with hexadecimal color #3d57ff

This text has a font color of #3d57ff.

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

#3d57ff background color

This paragraph has a background color of #3d57ff.

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

#3d57ff border color

This element has a border color of #3d57ff.

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

CSS codes

.text {color:#3d57ff;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000316
```
#000316 rgb(0,3,22)
```
#000629
```
#000629 rgb(0,6,41)
```
#00083d
```
#00083d rgb(0,8,61)
```
#000b51
```
#000b51 rgb(0,11,81)
```
#000d64
```
#000d64 rgb(0,13,100)
```
#001078
```
#001078 rgb(0,16,120)
```
#00138b
```
#00138b rgb(0,19,139)
```
#00159f
```
#00159f rgb(0,21,159)
```
#0018b3
```
#0018b3 rgb(0,24,179)
```
#001bc6
```
#001bc6 rgb(0,27,198)
```
#001dda
```
#001dda rgb(0,29,218)
```
#0020ee
```
#0020ee rgb(0,32,238)
```

Shade Color Variation

#0224ff
```
#0224ff rgb(2,36,255)
```
#1635ff
```
#1635ff rgb(22,53,255)
```
#2946ff
```
#2946ff rgb(41,70,255)
```
#3d57ff
```
#3d57ff rgb(61,87,255)
```
#5168ff
```
#5168ff rgb(81,104,255)
```
#6479ff
```
#6479ff rgb(100,121,255)
```
#788aff
```
#788aff rgb(120,138,255)
```
#8b9bff
```
#8b9bff rgb(139,155,255)
```
#9facff
```
#9facff rgb(159,172,255)
```
#b3bdff
```
#b3bdff rgb(179,189,255)
```
#c6ceff
```
#c6ceff rgb(198,206,255)
```
#dadfff
```
#dadfff rgb(218,223,255)
```
#eef0ff
```
#eef0ff rgb(238,240,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9799a5 is the less saturated color, while #3d57ff is the most saturated one.

#9799a5
```
#9799a5 rgb(151,153,165)
```
#8f93ad
```
#8f93ad rgb(143,147,173)
```
#888eb4
```
#888eb4 rgb(136,142,180)
```
#8088bc
```
#8088bc rgb(128,136,188)
```
#7983c3
```
#7983c3 rgb(121,131,195)
```
#717dcb
```
#717dcb rgb(113,125,203)
```
#6a78d2
```
#6a78d2 rgb(106,120,210)
```
#6272da
```
#6272da rgb(98,114,218)
```
#5b6de1
```
#5b6de1 rgb(91,109,225)
```
#5367e9
```
#5367e9 rgb(83,103,233)
```
#4c62f0
```
#4c62f0 rgb(76,98,240)
```
#445cf8
```
#445cf8 rgb(68,92,248)
```
#3d57ff
```
#3d57ff rgb(61,87,255)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5b6081 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076be Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#1667e8 Protanomaly 1% of men, 0.01% of women
#166bd5 Deuteranomaly 6% of men, 0.4% of women
#1670b2 Tritanomaly 0.01% of the population

#3d57ff hex color

#3d57ff Color Information

#3d57ff Color Conversion

Color Schemes with #3d57ff

Alternatives to #3d57ff

#3d57ff Preview

Shades and Tints of #3d57ff

Tones of #3d57ff

Color Blindness Simulator