#3a5f7c hex color

In a RGB color space, hex #3a5f7c is composed of 22.7% red, 37.3% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 23.4% magenta, 0% yellow and 51.4% black. It has a hue angle of 206.4 degrees, a saturation of 36.3% and a lightness of 35.7%. #3a5f7c color hex could be obtained by blending #74bef8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 37
- B 49
RGB color chart
- C 53
- M 23
- Y 0
- K 51
CMYK color chart

● #3a5f7c color description : Dark moderate blue.

The hexadecimal color #3a5f7c has RGB values of R:58, G:95, B:124 and CMYK values of C:0.53, M:0.23, Y:0, K:0.51. Its decimal value is 3825532.

Hex triplet	3a5f7c	`#3a5f7c`
RGB Decimal	58, 95, 124	`rgb(58,95,124)`
RGB Percent	22.7, 37.3, 48.6	`rgb(22.7%,37.3%,48.6%)`
CMYK	53, 23, 0, 51
HSL	206.4°, 36.3, 35.7	`hsl(206.4,36.3%,35.7%)`
HSV (or HSB)	206.4°, 53.2, 48.6
Web Safe	336666	`#336666`

CIE-LAB	38.792, -4.342, -20.35
XYZ	9.474, 10.539, 20.603
xyY	0.233, 0.259, 10.539
CIE-LCH	38.792, 20.808, 257.957
CIE-LUV	38.792, -16.445, -27.639
Hunter-Lab	32.463, -4.716, -14.904
Binary	00111010, 01011111, 01111100

#3a5f7c
```
#3a5f7c rgb(58,95,124)
```
#7c573a
```
#7c573a rgb(124,87,58)
```

Complementary Color

#3a7c78
```
#3a7c78 rgb(58,124,120)
```
#3a5f7c
```
#3a5f7c rgb(58,95,124)
```
#3a3e7c
```
#3a3e7c rgb(58,62,124)
```

Analogous Color

#7c783a
```
#7c783a rgb(124,120,58)
```
#3a5f7c
```
#3a5f7c rgb(58,95,124)
```
#7c3a3e
```
#7c3a3e rgb(124,58,62)
```

Split Complementary Color

#5f7c3a
```
#5f7c3a rgb(95,124,58)
```
#3a5f7c
```
#3a5f7c rgb(58,95,124)
```
#7c3a5f
```
#7c3a5f rgb(124,58,95)
```

Triadic Color

#3a7c57
```
#3a7c57 rgb(58,124,87)
```
#3a5f7c
```
#3a5f7c rgb(58,95,124)
```
#7c3a5f
```
#7c3a5f rgb(124,58,95)
```
#7c573a
```
#7c573a rgb(124,87,58)
```

Tetradic Color

#223748
```
#223748 rgb(34,55,72)
```
#2a4459
```
#2a4459 rgb(42,68,89)
```
#32526b
```
#32526b rgb(50,82,107)
```
#3a5f7c
```
#3a5f7c rgb(58,95,124)
```
#426c8d
```
#426c8d rgb(66,108,141)
```
#4a7a9f
```
#4a7a9f rgb(74,122,159)
```
#5487af
```
#5487af rgb(84,135,175)
```

Monochromatic Color

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

#3a707c
```
#3a707c rgb(58,112,124)
```
#3a6a7c
```
#3a6a7c rgb(58,106,124)
```
#3a657c
```
#3a657c rgb(58,101,124)
```
#3a5f7c
```
#3a5f7c rgb(58,95,124)
```
#3a5a7c
```
#3a5a7c rgb(58,90,124)
```
#3a547c
```
#3a547c rgb(58,84,124)
```
#3a4f7c
```
#3a4f7c rgb(58,79,124)
```

Similar Colors

Text with hexadecimal color #3a5f7c

This text has a font color of #3a5f7c.

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

#3a5f7c background color

This paragraph has a background color of #3a5f7c.

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

#3a5f7c border color

This element has a border color of #3a5f7c.

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

CSS codes

.text {color:#3a5f7c;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#080d11
```
#080d11 rgb(8,13,17)
```
#0e171e
```
#0e171e rgb(14,23,30)
```
#14222c
```
#14222c rgb(20,34,44)
```
#1b2c39
```
#1b2c39 rgb(27,44,57)
```
#213647
```
#213647 rgb(33,54,71)
```
#274054
```
#274054 rgb(39,64,84)
```
#2d4b61
```
#2d4b61 rgb(45,75,97)
```
#34556f
```
#34556f rgb(52,85,111)
```
#3a5f7c
```
#3a5f7c rgb(58,95,124)
```
#406989
```
#406989 rgb(64,105,137)
```
#477397
```
#477397 rgb(71,115,151)
```
#4d7ea4
```
#4d7ea4 rgb(77,126,164)
```

Shade Color Variation

#5588af
```
#5588af rgb(85,136,175)
```
#6291b6
```
#6291b6 rgb(98,145,182)
```
#709abc
```
#709abc rgb(112,154,188)
```
#7da4c2
```
#7da4c2 rgb(125,164,194)
```
#8aadc8
```
#8aadc8 rgb(138,173,200)
```
#98b7cf
```
#98b7cf rgb(152,183,207)
```
#a5c0d5
```
#a5c0d5 rgb(165,192,213)
```
#b3c9db
```
#b3c9db rgb(179,201,219)
```
#c0d3e1
```
#c0d3e1 rgb(192,211,225)
```
#cddce8
```
#cddce8 rgb(205,220,232)
```
#dbe5ee
```
#dbe5ee rgb(219,229,238)
```
#e8eff4
```
#e8eff4 rgb(232,239,244)
```
#f5f8fa
```
#f5f8fa rgb(245,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565c60 is the less saturated color, while #0266b4 is the most saturated one.

#565c60
```
#565c60 rgb(86,92,96)
```
#4f5c67
```
#4f5c67 rgb(79,92,103)
```
#485d6e
```
#485d6e rgb(72,93,110)
```
#415e75
```
#415e75 rgb(65,94,117)
```
#3a5f7c
```
#3a5f7c rgb(58,95,124)
```
#336083
```
#336083 rgb(51,96,131)
```
#2c618a
```
#2c618a rgb(44,97,138)
```
#256291
```
#256291 rgb(37,98,145)
```
#1e6298
```
#1e6298 rgb(30,98,152)
```
#17639f
```
#17639f rgb(23,99,159)
```
#1064a6
```
#1064a6 rgb(16,100,166)
```
#0965ad
```
#0965ad rgb(9,101,173)
```
#0266b4
```
#0266b4 rgb(2,102,180)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#51595e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b627f Protanopia 1% of men
#596284 Deuteranopia 1% of men
#3d6a72 Tritanopia 0.001% of the population

Trichromacy

#4f617e Protanomaly 1% of men, 0.01% of women
#4d6181 Deuteranomaly 6% of men, 0.4% of women
#3c6675 Tritanomaly 0.01% of the population

#3a5f7c hex color

#3a5f7c Color Information

#3a5f7c Color Conversion

Color Schemes with #3a5f7c

Alternatives to #3a5f7c

#3a5f7c Preview

Shades and Tints of #3a5f7c

Tones of #3a5f7c

Color Blindness Simulator