#3a6b8c hex color

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

♥
- f
- t
- g
- R 23
- G 42
- B 55
RGB color chart
- C 59
- M 24
- Y 0
- K 45
CMYK color chart

● #3a6b8c color description : Dark moderate blue.

The hexadecimal color #3a6b8c has RGB values of R:58, G:107, B:140 and CMYK values of C:0.59, M:0.24, Y:0, K:0.45. Its decimal value is 3828620.

Hex triplet	3a6b8c	`#3a6b8c`
RGB Decimal	58, 107, 140	`rgb(58,107,140)`
RGB Percent	22.7, 42, 54.9	`rgb(22.7%,42%,54.9%)`
CMYK	59, 24, 0, 45
HSL	204.1°, 41.4, 38.8	`hsl(204.1,41.4%,38.8%)`
HSV (or HSB)	204.1°, 58.6, 54.9
Web Safe	336699	`#336699`

CIE-LAB	43.223, -6.299, -23.168
XYZ	11.735, 13.308, 26.76
xyY	0.227, 0.257, 13.308
CIE-LCH	43.223, 24.009, 254.79
CIE-LUV	43.223, -20.723, -32.392
Hunter-Lab	36.48, -6.418, -17.957
Binary	00111010, 01101011, 10001100

#3a6b8c
```
#3a6b8c rgb(58,107,140)
```
#8c5b3a
```
#8c5b3a rgb(140,91,58)
```

Complementary Color

#3a8c84
```
#3a8c84 rgb(58,140,132)
```
#3a6b8c
```
#3a6b8c rgb(58,107,140)
```
#3a428c
```
#3a428c rgb(58,66,140)
```

Analogous Color

#8c843a
```
#8c843a rgb(140,132,58)
```
#3a6b8c
```
#3a6b8c rgb(58,107,140)
```
#8c3a42
```
#8c3a42 rgb(140,58,66)
```

Split Complementary Color

#6b8c3a
```
#6b8c3a rgb(107,140,58)
```
#3a6b8c
```
#3a6b8c rgb(58,107,140)
```
#8c3a6b
```
#8c3a6b rgb(140,58,107)
```

Triadic Color

#3a8c5b
```
#3a8c5b rgb(58,140,91)
```
#3a6b8c
```
#3a6b8c rgb(58,107,140)
```
#8c3a6b
```
#8c3a6b rgb(140,58,107)
```
#8c5b3a
```
#8c5b3a rgb(140,91,58)
```

Tetradic Color

#244256
```
#244256 rgb(36,66,86)
```
#2b4f68
```
#2b4f68 rgb(43,79,104)
```
#335d7a
```
#335d7a rgb(51,93,122)
```
#3a6b8c
```
#3a6b8c rgb(58,107,140)
```
#41799e
```
#41799e rgb(65,121,158)
```
#4987b0
```
#4987b0 rgb(73,135,176)
```
#5893ba
```
#5893ba rgb(88,147,186)
```

Monochromatic Color

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

#3a808c
```
#3a808c rgb(58,128,140)
```
#3a798c
```
#3a798c rgb(58,121,140)
```
#3a728c
```
#3a728c rgb(58,114,140)
```
#3a6b8c
```
#3a6b8c rgb(58,107,140)
```
#3a648c
```
#3a648c rgb(58,100,140)
```
#3a5d8c
```
#3a5d8c rgb(58,93,140)
```
#3a578c
```
#3a578c rgb(58,87,140)
```

Similar Colors

Text with hexadecimal color #3a6b8c

This text has a font color of #3a6b8c.

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

#3a6b8c background color

This paragraph has a background color of #3a6b8c.

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

#3a6b8c border color

This element has a border color of #3a6b8c.

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

CSS codes

.text {color:#3a6b8c;}

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

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

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 #f2f7fa is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#060c0f
```
#060c0f rgb(6,12,15)
```
#0c161d
```
#0c161d rgb(12,22,29)
```
#12212b
```
#12212b rgb(18,33,43)
```
#182b39
```
#182b39 rgb(24,43,57)
```
#1d3647
```
#1d3647 rgb(29,54,71)
```
#234155
```
#234155 rgb(35,65,85)
```
#294b62
```
#294b62 rgb(41,75,98)
```
#2f5670
```
#2f5670 rgb(47,86,112)
```
#34607e
```
#34607e rgb(52,96,126)
```
#3a6b8c
```
#3a6b8c rgb(58,107,140)
```
#40769a
```
#40769a rgb(64,118,154)
```
#4580a8
```
#4580a8 rgb(69,128,168)
```

Shade Color Variation

#4c8bb5
```
#4c8bb5 rgb(76,139,181)
```
#5a94bb
```
#5a94bb rgb(90,148,187)
```
#689dc0
```
#689dc0 rgb(104,157,192)
```
#76a6c6
```
#76a6c6 rgb(118,166,198)
```
#83afcc
```
#83afcc rgb(131,175,204)
```
#91b8d2
```
#91b8d2 rgb(145,184,210)
```
#9fc1d7
```
#9fc1d7 rgb(159,193,215)
```
#adcadd
```
#adcadd rgb(173,202,221)
```
#bbd3e3
```
#bbd3e3 rgb(187,211,227)
```
#c9dce9
```
#c9dce9 rgb(201,220,233)
```
#d7e5ee
```
#d7e5ee rgb(215,229,238)
```
#e5eef4
```
#e5eef4 rgb(229,238,244)
```
#f2f7fa
```
#f2f7fa rgb(242,247,250)
```

Tint Color Variation

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

#606466
```
#606466 rgb(96,100,102)
```
#58656e
```
#58656e rgb(88,101,110)
```
#516775
```
#516775 rgb(81,103,117)
```
#49687d
```
#49687d rgb(73,104,125)
```
#426a84
```
#426a84 rgb(66,106,132)
```
#3a6b8c
```
#3a6b8c rgb(58,107,140)
```
#326c94
```
#326c94 rgb(50,108,148)
```
#2b6e9b
```
#2b6e9b rgb(43,110,155)
```
#236fa3
```
#236fa3 rgb(35,111,163)
```
#1c71aa
```
#1c71aa rgb(28,113,170)
```
#1472b2
```
#1472b2 rgb(20,114,178)
```
#0c74ba
```
#0c74ba rgb(12,116,186)
```
#0575c1
```
#0575c1 rgb(5,117,193)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#586269 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646c8e Protanopia 1% of men
#606c94 Deuteranopia 1% of men
#3a767e Tritanopia 0.001% of the population

Trichromacy

#546c8d Protanomaly 1% of men, 0.01% of women
#526c91 Deuteranomaly 6% of men, 0.4% of women
#3a7283 Tritanomaly 0.01% of the population

#3a6b8c hex color

#3a6b8c Color Information

#3a6b8c Color Conversion

Color Schemes with #3a6b8c

Alternatives to #3a6b8c

#3a6b8c Preview

Shades and Tints of #3a6b8c

Tones of #3a6b8c

Color Blindness Simulator