colorhexa.com

#3a5e8c hex color

In a RGB color space, hex #3a5e8c is composed of 22.7% red, 36.9% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 32.9% magenta, 0% yellow and 45.1% black. It has a hue angle of 213.7 degrees, a saturation of 41.4% and a lightness of 38.8%. #3a5e8c color hex could be obtained by blending #74bcff with #000019. Closest websafe color is: #336699.

- R 23
- G 37
- B 55
RGB color chart
- C 59
- M 33
- Y 0
- K 45
CMYK color chart

● #3a5e8c color description : Dark moderate blue.

The hexadecimal color #3a5e8c has RGB values of R:58, G:94, B:140 and CMYK values of C:0.59, M:0.33, Y:0, K:0.45. Its decimal value is 3825292.

Hex triplet	3a5e8c	`#3a5e8c`
RGB Decimal	58, 94, 140	`rgb(58,94,140)`
RGB Percent	22.7, 36.9, 54.9	`rgb(22.7%,36.9%,54.9%)`
CMYK	59, 33, 0, 45
HSL	213.7°, 41.4, 38.8	`hsl(213.7,41.4%,38.8%)`
HSV (or HSB)	213.7°, 58.6, 54.9
Web Safe	336699	`#336699`

CIE-LAB	39.238, 1.668, -29.383
XYZ	10.48, 10.798, 26.341
xyY	0.22, 0.227, 10.798
CIE-LCH	39.238, 29.43, 273.249
CIE-LUV	39.238, -15.883, -41.771
Hunter-Lab	32.86, -0.575, -24.526
Binary	00111010, 01011110, 10001100

#3a5e8c
```
#3a5e8c rgb(58,94,140)
```
#8c683a
```
#8c683a rgb(140,104,58)
```

Complementary Color

#3a878c
```
#3a878c rgb(58,135,140)
```
#3a5e8c
```
#3a5e8c rgb(58,94,140)
```
#3f3a8c
```
#3f3a8c rgb(63,58,140)
```

Analogous Color

#878c3a
```
#878c3a rgb(135,140,58)
```
#3a5e8c
```
#3a5e8c rgb(58,94,140)
```
#8c3f3a
```
#8c3f3a rgb(140,63,58)
```

Split Complementary Color

#5e8c3a
```
#5e8c3a rgb(94,140,58)
```
#3a5e8c
```
#3a5e8c rgb(58,94,140)
```
#8c3a5e
```
#8c3a5e rgb(140,58,94)
```

Triadic Color

#3a8c68
```
#3a8c68 rgb(58,140,104)
```
#3a5e8c
```
#3a5e8c rgb(58,94,140)
```
#8c3a5e
```
#8c3a5e rgb(140,58,94)
```
#8c683a
```
#8c683a rgb(140,104,58)
```

Tetradic Color

#243a56
```
#243a56 rgb(36,58,86)
```
#2b4668
```
#2b4668 rgb(43,70,104)
```
#33527a
```
#33527a rgb(51,82,122)
```
#3a5e8c
```
#3a5e8c rgb(58,94,140)
```
#416a9e
```
#416a9e rgb(65,106,158)
```
#4976b0
```
#4976b0 rgb(73,118,176)
```
#5883ba
```
#5883ba rgb(88,131,186)
```

Monochromatic Color

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

#3a738c
```
#3a738c rgb(58,115,140)
```
#3a6c8c
```
#3a6c8c rgb(58,108,140)
```
#3a658c
```
#3a658c rgb(58,101,140)
```
#3a5e8c
```
#3a5e8c rgb(58,94,140)
```
#3a578c
```
#3a578c rgb(58,87,140)
```
#3a508c
```
#3a508c rgb(58,80,140)
```
#3a4a8c
```
#3a4a8c rgb(58,74,140)
```

Similar Colors

Text with hexadecimal color #3a5e8c

This text has a font color of #3a5e8c.

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

#3a5e8c background color

This paragraph has a background color of #3a5e8c.

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

#3a5e8c border color

This element has a border color of #3a5e8c.

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

CSS codes

.text {color:#3a5e8c;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#060a0f
```
#060a0f rgb(6,10,15)
```
#0c141d
```
#0c141d rgb(12,20,29)
```
#121d2b
```
#121d2b rgb(18,29,43)
```
#182639
```
#182639 rgb(24,38,57)
```
#1d2f47
```
#1d2f47 rgb(29,47,71)
```
#233955
```
#233955 rgb(35,57,85)
```
#294262
```
#294262 rgb(41,66,98)
```
#2f4b70
```
#2f4b70 rgb(47,75,112)
```
#34557e
```
#34557e rgb(52,85,126)
```
#3a5e8c
```
#3a5e8c rgb(58,94,140)
```
#40679a
```
#40679a rgb(64,103,154)
```
#4571a8
```
#4571a8 rgb(69,113,168)
```

Shade Color Variation

#4c7ab5
```
#4c7ab5 rgb(76,122,181)
```
#5a84bb
```
#5a84bb rgb(90,132,187)
```
#688fc0
```
#688fc0 rgb(104,143,192)
```
#7699c6
```
#7699c6 rgb(118,153,198)
```
#83a3cc
```
#83a3cc rgb(131,163,204)
```
#91aed2
```
#91aed2 rgb(145,174,210)
```
#9fb8d7
```
#9fb8d7 rgb(159,184,215)
```
#adc2dd
```
#adc2dd rgb(173,194,221)
```
#bbcce3
```
#bbcce3 rgb(187,204,227)
```
#c9d7e9
```
#c9d7e9 rgb(201,215,233)
```
#d7e1ee
```
#d7e1ee rgb(215,225,238)
```
#e5ebf4
```
#e5ebf4 rgb(229,235,244)
```
#f2f6fa
```
#f2f6fa rgb(242,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606366 is the less saturated color, while #0557c1 is the most saturated one.

#606366
```
#606366 rgb(96,99,102)
```
#58626e
```
#58626e rgb(88,98,110)
```
#516175
```
#516175 rgb(81,97,117)
```
#49607d
```
#49607d rgb(73,96,125)
```
#425f84
```
#425f84 rgb(66,95,132)
```
#3a5e8c
```
#3a5e8c rgb(58,94,140)
```
#325d94
```
#325d94 rgb(50,93,148)
```
#2b5c9b
```
#2b5c9b rgb(43,92,155)
```
#235ba3
```
#235ba3 rgb(35,91,163)
```
#1c5aaa
```
#1c5aaa rgb(28,90,170)
```
#1459b2
```
#1459b2 rgb(20,89,178)
```
#0c58ba
```
#0c58ba rgb(12,88,186)
```
#0557c1
```
#0557c1 rgb(5,87,193)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#525962 Atypical Achromatopsia 0.001% of the population

Dichromacy

#54638f Protanopia 1% of men
#4d6492 Deuteranopia 1% of men
#346c74 Tritanopia 0.001% of the population

Trichromacy

#4b618e Protanomaly 1% of men, 0.01% of women
#466290 Deuteranomaly 6% of men, 0.4% of women
#36677d Tritanomaly 0.01% of the population