#3a6b82 hex color

In a RGB color space, hex #3a6b82 is composed of 22.7% red, 42% green and 51% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 17.7% magenta, 0% yellow and 49% black. It has a hue angle of 199.2 degrees, a saturation of 38.3% and a lightness of 36.9%. #3a6b82 color hex could be obtained by blending #74d6ff with #000005. Closest websafe color is: #336699.

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

● #3a6b82 color description : Dark moderate blue.

The hexadecimal color #3a6b82 has RGB values of R:58, G:107, B:130 and CMYK values of C:0.55, M:0.18, Y:0, K:0.49. Its decimal value is 3828610.

Hex triplet	3a6b82	`#3a6b82`
RGB Decimal	58, 107, 130	`rgb(58,107,130)`
RGB Percent	22.7, 42, 51	`rgb(22.7%,42%,51%)`
CMYK	55, 18, 0, 49
HSL	199.2°, 38.3, 36.9	`hsl(199.2,38.3%,36.9%)`
HSV (or HSB)	199.2°, 55.4, 51
Web Safe	336699	`#336699`

CIE-LAB	42.802, -9.568, -17.816
XYZ	11.031, 13.026, 23.051
xyY	0.234, 0.277, 13.026
CIE-LCH	42.802, 20.222, 241.761
CIE-LUV	42.802, -20.991, -23.881
Hunter-Lab	36.091, -8.604, -12.603
Binary	00111010, 01101011, 10000010

#3a6b82
```
#3a6b82 rgb(58,107,130)
```
#82513a
```
#82513a rgb(130,81,58)
```

Complementary Color

#3a8275
```
#3a8275 rgb(58,130,117)
```
#3a6b82
```
#3a6b82 rgb(58,107,130)
```
#3a4782
```
#3a4782 rgb(58,71,130)
```

Analogous Color

#82753a
```
#82753a rgb(130,117,58)
```
#3a6b82
```
#3a6b82 rgb(58,107,130)
```
#823a47
```
#823a47 rgb(130,58,71)
```

Split Complementary Color

#6b823a
```
#6b823a rgb(107,130,58)
```
#3a6b82
```
#3a6b82 rgb(58,107,130)
```
#823a6b
```
#823a6b rgb(130,58,107)
```

Triadic Color

#3a8251
```
#3a8251 rgb(58,130,81)
```
#3a6b82
```
#3a6b82 rgb(58,107,130)
```
#823a6b
```
#823a6b rgb(130,58,107)
```
#82513a
```
#82513a rgb(130,81,58)
```

Tetradic Color

#223f4d
```
#223f4d rgb(34,63,77)
```
#2a4e5f
```
#2a4e5f rgb(42,78,95)
```
#325c70
```
#325c70 rgb(50,92,112)
```
#3a6b82
```
#3a6b82 rgb(58,107,130)
```
#427a94
```
#427a94 rgb(66,122,148)
```
#4a88a5
```
#4a88a5 rgb(74,136,165)
```
#5595b3
```
#5595b3 rgb(85,149,179)
```

Monochromatic Color

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

#3a7d82
```
#3a7d82 rgb(58,125,130)
```
#3a7782
```
#3a7782 rgb(58,119,130)
```
#3a7182
```
#3a7182 rgb(58,113,130)
```
#3a6b82
```
#3a6b82 rgb(58,107,130)
```
#3a6582
```
#3a6582 rgb(58,101,130)
```
#3a5f82
```
#3a5f82 rgb(58,95,130)
```
#3a5982
```
#3a5982 rgb(58,89,130)
```

Similar Colors

Text with hexadecimal color #3a6b82

This text has a font color of #3a6b82.

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

#3a6b82 background color

This paragraph has a background color of #3a6b82.

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

#3a6b82 border color

This element has a border color of #3a6b82.

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

CSS codes

.text {color:#3a6b82;}

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

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

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

#040708
```
#040708 rgb(4,7,8)
```
#0a1215
```
#0a1215 rgb(10,18,21)
```
#101d23
```
#101d23 rgb(16,29,35)
```
#162831
```
#162831 rgb(22,40,49)
```
#1c333e
```
#1c333e rgb(28,51,62)
```
#223e4c
```
#223e4c rgb(34,62,76)
```
#284a59
```
#284a59 rgb(40,74,89)
```
#2e5567
```
#2e5567 rgb(46,85,103)
```
#346074
```
#346074 rgb(52,96,116)
```
#3a6b82
```
#3a6b82 rgb(58,107,130)
```
#407690
```
#407690 rgb(64,118,144)
```
#46819d
```
#46819d rgb(70,129,157)
```
#4c8cab
```
#4c8cab rgb(76,140,171)
```

Shade Color Variation

#5796b4
```
#5796b4 rgb(87,150,180)
```
#649fba
```
#649fba rgb(100,159,186)
```
#72a7c0
```
#72a7c0 rgb(114,167,192)
```
#7fafc6
```
#7fafc6 rgb(127,175,198)
```
#8db8cc
```
#8db8cc rgb(141,184,204)
```
#9ac0d2
```
#9ac0d2 rgb(154,192,210)
```
#a8c9d8
```
#a8c9d8 rgb(168,201,216)
```
#b6d1de
```
#b6d1de rgb(182,209,222)
```
#c3dae4
```
#c3dae4 rgb(195,218,228)
```
#d1e2ea
```
#d1e2ea rgb(209,226,234)
```
#deebf0
```
#deebf0 rgb(222,235,240)
```
#ecf3f6
```
#ecf3f6 rgb(236,243,246)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#576165
```
#576165 rgb(87,97,101)
```
#50636c
```
#50636c rgb(80,99,108)
```
#486674
```
#486674 rgb(72,102,116)
```
#41687b
```
#41687b rgb(65,104,123)
```
#3a6b82
```
#3a6b82 rgb(58,107,130)
```
#336e89
```
#336e89 rgb(51,110,137)
```
#2c7090
```
#2c7090 rgb(44,112,144)
```
#247398
```
#247398 rgb(36,115,152)
```
#1d759f
```
#1d759f rgb(29,117,159)
```
#1678a6
```
#1678a6 rgb(22,120,166)
```
#0f7bad
```
#0f7bad rgb(15,123,173)
```
#077db5
```
#077db5 rgb(7,125,181)
```
#0080bc
```
#0080bc rgb(0,128,188)
```

Tone Color Variation

Below, you can see how #3a6b82 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
#586166 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676c84 Protanopia 1% of men
#656b8b Deuteranopia 1% of men
#3f747d Tritanopia 0.001% of the population

Trichromacy

#566b83 Protanomaly 1% of men, 0.01% of women
#556b87 Deuteranomaly 6% of men, 0.4% of women
#3d717e Tritanomaly 0.01% of the population

#3a6b82 hex color

#3a6b82 Color Information

#3a6b82 Color Conversion

Color Schemes with #3a6b82

Alternatives to #3a6b82

#3a6b82 Preview

Shades and Tints of #3a6b82

Tones of #3a6b82

Color Blindness Simulator