#3a5bd7 hex color

In a RGB color space, hex #3a5bd7 is composed of 22.7% red, 35.7% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 57.7% magenta, 0% yellow and 15.7% black. It has a hue angle of 227.4 degrees, a saturation of 66.2% and a lightness of 53.5%. #3a5bd7 color hex could be obtained by blending #74b6ff with #0000af. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 23
- G 36
- B 84
RGB color chart
- C 73
- M 58
- Y 0
- K 16
CMYK color chart

● #3a5bd7 color description : Moderate blue.

The hexadecimal color #3a5bd7 has RGB values of R:58, G:91, B:215 and CMYK values of C:0.73, M:0.58, Y:0, K:0.16. Its decimal value is 3824599.

Hex triplet	3a5bd7	`#3a5bd7`
RGB Decimal	58, 91, 215	`rgb(58,91,215)`
RGB Percent	22.7, 35.7, 84.3	`rgb(22.7%,35.7%,84.3%)`
CMYK	73, 58, 0, 16
HSL	227.4°, 66.2, 53.5	`hsl(227.4,66.2%,53.5%)`
HSV (or HSB)	227.4°, 73, 84.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.192, 30.653, -67.133
XYZ	17.749, 13.287, 65.915
xyY	0.183, 0.137, 13.287
CIE-LCH	43.192, 73.8, 294.541
CIE-LUV	43.192, -14.981, -101.097
Hunter-Lab	36.451, 23.128, -81.7
Binary	00111010, 01011011, 11010111

#3a5bd7
```
#3a5bd7 rgb(58,91,215)
```
#d7b63a
```
#d7b63a rgb(215,182,58)
```

Complementary Color

#3aaad7
```
#3aaad7 rgb(58,170,215)
```
#3a5bd7
```
#3a5bd7 rgb(58,91,215)
```
#683ad7
```
#683ad7 rgb(104,58,215)
```

Analogous Color

#aad73a
```
#aad73a rgb(170,215,58)
```
#3a5bd7
```
#3a5bd7 rgb(58,91,215)
```
#d7683a
```
#d7683a rgb(215,104,58)
```

Split Complementary Color

#5bd73a
```
#5bd73a rgb(91,215,58)
```
#3a5bd7
```
#3a5bd7 rgb(58,91,215)
```
#d73a5b
```
#d73a5b rgb(215,58,91)
```

Triadic Color

#3ad7b6
```
#3ad7b6 rgb(58,215,182)
```
#3a5bd7
```
#3a5bd7 rgb(58,91,215)
```
#d73a5b
```
#d73a5b rgb(215,58,91)
```
#d7b63a
```
#d7b63a rgb(215,182,58)
```

Tetradic Color

#213da3
```
#213da3 rgb(33,61,163)
```
#2544b9
```
#2544b9 rgb(37,68,185)
```
#2a4cce
```
#2a4cce rgb(42,76,206)
```
#3a5bd7
```
#3a5bd7 rgb(58,91,215)
```
#4f6ddb
```
#4f6ddb rgb(79,109,219)
```
#647ee0
```
#647ee0 rgb(100,126,224)
```
#7a90e4
```
#7a90e4 rgb(122,144,228)
```

Monochromatic Color

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

#3a82d7
```
#3a82d7 rgb(58,130,215)
```
#3a75d7
```
#3a75d7 rgb(58,117,215)
```
#3a68d7
```
#3a68d7 rgb(58,104,215)
```
#3a5bd7
```
#3a5bd7 rgb(58,91,215)
```
#3a4ed7
```
#3a4ed7 rgb(58,78,215)
```
#3a41d7
```
#3a41d7 rgb(58,65,215)
```
#403ad7
```
#403ad7 rgb(64,58,215)
```

Similar Colors

Text with hexadecimal color #3a5bd7

This text has a font color of #3a5bd7.

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

#3a5bd7 background color

This paragraph has a background color of #3a5bd7.

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

#3a5bd7 border color

This element has a border color of #3a5bd7.

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

CSS codes

.text {color:#3a5bd7;}

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

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

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, #03060f is the darkest color, while #fefeff is the lightest one.

#03060f
```
#03060f rgb(3,6,15)
```
#060c1f
```
#060c1f rgb(6,12,31)
```
#0a1230
```
#0a1230 rgb(10,18,48)
```
#0d1840
```
#0d1840 rgb(13,24,64)
```
#101e50
```
#101e50 rgb(16,30,80)
```
#142460
```
#142460 rgb(20,36,96)
```
#172a71
```
#172a71 rgb(23,42,113)
```
#1a3081
```
#1a3081 rgb(26,48,129)
```
#1e3691
```
#1e3691 rgb(30,54,145)
```
#213ca2
```
#213ca2 rgb(33,60,162)
```
#2442b2
```
#2442b2 rgb(36,66,178)
```
#2748c2
```
#2748c2 rgb(39,72,194)
```
#2b4ed3
```
#2b4ed3 rgb(43,78,211)
```

Shade Color Variation

#3a5bd7
```
#3a5bd7 rgb(58,91,215)
```
#4a69da
```
#4a69da rgb(74,105,218)
```
#5b76de
```
#5b76de rgb(91,118,222)
```
#6b84e1
```
#6b84e1 rgb(107,132,225)
```
#7b91e4
```
#7b91e4 rgb(123,145,228)
```
#8c9fe8
```
#8c9fe8 rgb(140,159,232)
```
#9caceb
```
#9caceb rgb(156,172,235)
```
#acbaee
```
#acbaee rgb(172,186,238)
```
#bcc8f1
```
#bcc8f1 rgb(188,200,241)
```
#cdd5f5
```
#cdd5f5 rgb(205,213,245)
```
#dde3f8
```
#dde3f8 rgb(221,227,248)
```
#edf0fb
```
#edf0fb rgb(237,240,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83858e is the less saturated color, while #1646fb is the most saturated one.

#83858e
```
#83858e rgb(131,133,142)
```
#7a8097
```
#7a8097 rgb(122,128,151)
```
#717ba0
```
#717ba0 rgb(113,123,160)
```
#6875a9
```
#6875a9 rgb(104,117,169)
```
#5e70b3
```
#5e70b3 rgb(94,112,179)
```
#556bbc
```
#556bbc rgb(85,107,188)
```
#4c66c5
```
#4c66c5 rgb(76,102,197)
```
#4360ce
```
#4360ce rgb(67,96,206)
```
#3a5bd7
```
#3a5bd7 rgb(58,91,215)
```
#3156e0
```
#3156e0 rgb(49,86,224)
```
#2850e9
```
#2850e9 rgb(40,80,233)
```
#1f4bf2
```
#1f4bf2 rgb(31,75,242)
```
#1646fb
```
#1646fb rgb(22,70,251)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#585e77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b6 Deuteranopia 1% of men
#007880 Tritanopia 0.001% of the population

Trichromacy

#1564d3 Protanomaly 1% of men, 0.01% of women
#1568c2 Deuteranomaly 6% of men, 0.4% of women
#156d9f Tritanomaly 0.01% of the population

#3a5bd7 hex color

#3a5bd7 Color Information

#3a5bd7 Color Conversion

Color Schemes with #3a5bd7

Alternatives to #3a5bd7

#3a5bd7 Preview

Shades and Tints of #3a5bd7

Tones of #3a5bd7

Color Blindness Simulator