#3a6d82 hex color

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

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

● #3a6d82 color description : Dark moderate blue.

The hexadecimal color #3a6d82 has RGB values of R:58, G:109, B:130 and CMYK values of C:0.55, M:0.16, Y:0, K:0.49. Its decimal value is 3829122.

Hex triplet	3a6d82	`#3a6d82`
RGB Decimal	58, 109, 130	`rgb(58,109,130)`
RGB Percent	22.7, 42.7, 51	`rgb(22.7%,42.7%,51%)`
CMYK	55, 16, 0, 49
HSL	197.5°, 38.3, 36.9	`hsl(197.5,38.3%,36.9%)`
HSV (or HSB)	197.5°, 55.4, 51
Web Safe	336699	`#336699`

CIE-LAB	43.43, -10.731, -16.854
XYZ	11.242, 13.448, 23.121
xyY	0.235, 0.281, 13.448
CIE-LCH	43.43, 19.98, 237.515
CIE-LUV	43.43, -21.773, -22.381
Hunter-Lab	36.671, -9.454, -11.712
Binary	00111010, 01101101, 10000010

#3a6d82
```
#3a6d82 rgb(58,109,130)
```
#824f3a
```
#824f3a rgb(130,79,58)
```

Complementary Color

#3a8273
```
#3a8273 rgb(58,130,115)
```
#3a6d82
```
#3a6d82 rgb(58,109,130)
```
#3a4982
```
#3a4982 rgb(58,73,130)
```

Analogous Color

#82733a
```
#82733a rgb(130,115,58)
```
#3a6d82
```
#3a6d82 rgb(58,109,130)
```
#823a49
```
#823a49 rgb(130,58,73)
```

Split Complementary Color

#6d823a
```
#6d823a rgb(109,130,58)
```
#3a6d82
```
#3a6d82 rgb(58,109,130)
```
#823a6d
```
#823a6d rgb(130,58,109)
```

Triadic Color

#3a824f
```
#3a824f rgb(58,130,79)
```
#3a6d82
```
#3a6d82 rgb(58,109,130)
```
#823a6d
```
#823a6d rgb(130,58,109)
```
#824f3a
```
#824f3a rgb(130,79,58)
```

Tetradic Color

#22414d
```
#22414d rgb(34,65,77)
```
#2a4f5f
```
#2a4f5f rgb(42,79,95)
```
#325e70
```
#325e70 rgb(50,94,112)
```
#3a6d82
```
#3a6d82 rgb(58,109,130)
```
#427c94
```
#427c94 rgb(66,124,148)
```
#4a8ba5
```
#4a8ba5 rgb(74,139,165)
```
#5598b3
```
#5598b3 rgb(85,152,179)
```

Monochromatic Color

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

#3a7f82
```
#3a7f82 rgb(58,127,130)
```
#3a7982
```
#3a7982 rgb(58,121,130)
```
#3a7382
```
#3a7382 rgb(58,115,130)
```
#3a6d82
```
#3a6d82 rgb(58,109,130)
```
#3a6782
```
#3a6782 rgb(58,103,130)
```
#3a6182
```
#3a6182 rgb(58,97,130)
```
#3a5b82
```
#3a5b82 rgb(58,91,130)
```

Similar Colors

Text with hexadecimal color #3a6d82

This text has a font color of #3a6d82.

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

#3a6d82 background color

This paragraph has a background color of #3a6d82.

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

#3a6d82 border color

This element has a border color of #3a6d82.

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

CSS codes

.text {color:#3a6d82;}

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

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

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

#040708
```
#040708 rgb(4,7,8)
```
#0a1215
```
#0a1215 rgb(10,18,21)
```
#101d23
```
#101d23 rgb(16,29,35)
```
#162931
```
#162931 rgb(22,41,49)
```
#1c343e
```
#1c343e rgb(28,52,62)
```
#22404c
```
#22404c rgb(34,64,76)
```
#284b59
```
#284b59 rgb(40,75,89)
```
#2e5667
```
#2e5667 rgb(46,86,103)
```
#346274
```
#346274 rgb(52,98,116)
```
#3a6d82
```
#3a6d82 rgb(58,109,130)
```
#407890
```
#407890 rgb(64,120,144)
```
#46849d
```
#46849d rgb(70,132,157)
```
#4c8fab
```
#4c8fab rgb(76,143,171)
```

Shade Color Variation

#5799b4
```
#5799b4 rgb(87,153,180)
```
#64a1ba
```
#64a1ba rgb(100,161,186)
```
#72a9c0
```
#72a9c0 rgb(114,169,192)
```
#7fb1c6
```
#7fb1c6 rgb(127,177,198)
```
#8dbacc
```
#8dbacc rgb(141,186,204)
```
#9ac2d2
```
#9ac2d2 rgb(154,194,210)
```
#a8cad8
```
#a8cad8 rgb(168,202,216)
```
#b6d2de
```
#b6d2de rgb(182,210,222)
```
#c3dbe4
```
#c3dbe4 rgb(195,219,228)
```
#d1e3ea
```
#d1e3ea rgb(209,227,234)
```
#deebf0
```
#deebf0 rgb(222,235,240)
```
#ecf3f6
```
#ecf3f6 rgb(236,243,246)
```
#f9fcfc
```
#f9fcfc rgb(249,252,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 #0085bc is the most saturated one.

#576165
```
#576165 rgb(87,97,101)
```
#50646c
```
#50646c rgb(80,100,108)
```
#486774
```
#486774 rgb(72,103,116)
```
#416a7b
```
#416a7b rgb(65,106,123)
```
#3a6d82
```
#3a6d82 rgb(58,109,130)
```
#337089
```
#337089 rgb(51,112,137)
```
#2c7390
```
#2c7390 rgb(44,115,144)
```
#247698
```
#247698 rgb(36,118,152)
```
#1d799f
```
#1d799f rgb(29,121,159)
```
#167ca6
```
#167ca6 rgb(22,124,166)
```
#0f7fad
```
#0f7fad rgb(15,127,173)
```
#0782b5
```
#0782b5 rgb(7,130,181)
```
#0085bc
```
#0085bc rgb(0,133,188)
```

Tone Color Variation

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

Dichromacy

#696d84 Protanopia 1% of men
#686c8b Deuteranopia 1% of men
#3f767e Tritanopia 0.001% of the population

Trichromacy

#586d83 Protanomaly 1% of men, 0.01% of women
#576c88 Deuteranomaly 6% of men, 0.4% of women
#3d7280 Tritanomaly 0.01% of the population

#3a6d82 hex color

#3a6d82 Color Information

#3a6d82 Color Conversion

Color Schemes with #3a6d82

Alternatives to #3a6d82

#3a6d82 Preview

Shades and Tints of #3a6d82

Tones of #3a6d82

Color Blindness Simulator