#3a6982 hex color

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

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

● #3a6982 color description : Dark moderate blue.

The hexadecimal color #3a6982 has RGB values of R:58, G:105, B:130 and CMYK values of C:0.55, M:0.19, Y:0, K:0.49. Its decimal value is 3828098.

Hex triplet	3a6982	`#3a6982`
RGB Decimal	58, 105, 130	`rgb(58,105,130)`
RGB Percent	22.7, 41.2, 51	`rgb(22.7%,41.2%,51%)`
CMYK	55, 19, 0, 49
HSL	200.8°, 38.3, 36.9	`hsl(200.8,38.3%,36.9%)`
HSV (or HSB)	200.8°, 55.4, 51
Web Safe	336699	`#336699`

CIE-LAB	42.175, -8.395, -18.778
XYZ	10.825, 12.614, 22.982
xyY	0.233, 0.272, 12.614
CIE-LCH	42.175, 20.569, 245.913
CIE-LUV	42.175, -20.211, -25.374
Hunter-Lab	35.516, -7.748, -13.505
Binary	00111010, 01101001, 10000010

#3a6982
```
#3a6982 rgb(58,105,130)
```
#82533a
```
#82533a rgb(130,83,58)
```

Complementary Color

#3a8277
```
#3a8277 rgb(58,130,119)
```
#3a6982
```
#3a6982 rgb(58,105,130)
```
#3a4582
```
#3a4582 rgb(58,69,130)
```

Analogous Color

#82773a
```
#82773a rgb(130,119,58)
```
#3a6982
```
#3a6982 rgb(58,105,130)
```
#823a45
```
#823a45 rgb(130,58,69)
```

Split Complementary Color

#69823a
```
#69823a rgb(105,130,58)
```
#3a6982
```
#3a6982 rgb(58,105,130)
```
#823a69
```
#823a69 rgb(130,58,105)
```

Triadic Color

#3a8253
```
#3a8253 rgb(58,130,83)
```
#3a6982
```
#3a6982 rgb(58,105,130)
```
#823a69
```
#823a69 rgb(130,58,105)
```
#82533a
```
#82533a rgb(130,83,58)
```

Tetradic Color

#223e4d
```
#223e4d rgb(34,62,77)
```
#2a4d5f
```
#2a4d5f rgb(42,77,95)
```
#325b70
```
#325b70 rgb(50,91,112)
```
#3a6982
```
#3a6982 rgb(58,105,130)
```
#427794
```
#427794 rgb(66,119,148)
```
#4a85a5
```
#4a85a5 rgb(74,133,165)
```
#5593b3
```
#5593b3 rgb(85,147,179)
```

Monochromatic Color

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

#3a7b82
```
#3a7b82 rgb(58,123,130)
```
#3a7582
```
#3a7582 rgb(58,117,130)
```
#3a6f82
```
#3a6f82 rgb(58,111,130)
```
#3a6982
```
#3a6982 rgb(58,105,130)
```
#3a6382
```
#3a6382 rgb(58,99,130)
```
#3a5d82
```
#3a5d82 rgb(58,93,130)
```
#3a5782
```
#3a5782 rgb(58,87,130)
```

Similar Colors

Text with hexadecimal color #3a6982

This text has a font color of #3a6982.

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

#3a6982 background color

This paragraph has a background color of #3a6982.

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

#3a6982 border color

This element has a border color of #3a6982.

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

CSS codes

.text {color:#3a6982;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0a1115
```
#0a1115 rgb(10,17,21)
```
#101c23
```
#101c23 rgb(16,28,35)
```
#162731
```
#162731 rgb(22,39,49)
```
#1c323e
```
#1c323e rgb(28,50,62)
```
#223d4c
```
#223d4c rgb(34,61,76)
```
#284859
```
#284859 rgb(40,72,89)
```
#2e5367
```
#2e5367 rgb(46,83,103)
```
#345e74
```
#345e74 rgb(52,94,116)
```
#3a6982
```
#3a6982 rgb(58,105,130)
```
#407490
```
#407490 rgb(64,116,144)
```
#467f9d
```
#467f9d rgb(70,127,157)
```
#4c8aab
```
#4c8aab rgb(76,138,171)
```

Shade Color Variation

#5793b4
```
#5793b4 rgb(87,147,180)
```
#649cba
```
#649cba rgb(100,156,186)
```
#72a5c0
```
#72a5c0 rgb(114,165,192)
```
#7fadc6
```
#7fadc6 rgb(127,173,198)
```
#8db6cc
```
#8db6cc rgb(141,182,204)
```
#9abfd2
```
#9abfd2 rgb(154,191,210)
```
#a8c7d8
```
#a8c7d8 rgb(168,199,216)
```
#b6d0de
```
#b6d0de rgb(182,208,222)
```
#c3d9e4
```
#c3d9e4 rgb(195,217,228)
```
#d1e1ea
```
#d1e1ea rgb(209,225,234)
```
#deeaf0
```
#deeaf0 rgb(222,234,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, #576065 is the less saturated color, while #007bbc is the most saturated one.

#576065
```
#576065 rgb(87,96,101)
```
#50626c
```
#50626c rgb(80,98,108)
```
#486574
```
#486574 rgb(72,101,116)
```
#41677b
```
#41677b rgb(65,103,123)
```
#3a6982
```
#3a6982 rgb(58,105,130)
```
#336b89
```
#336b89 rgb(51,107,137)
```
#2c6d90
```
#2c6d90 rgb(44,109,144)
```
#247098
```
#247098 rgb(36,112,152)
```
#1d729f
```
#1d729f rgb(29,114,159)
```
#1674a6
```
#1674a6 rgb(22,116,166)
```
#0f76ad
```
#0f76ad rgb(15,118,173)
```
#0778b5
```
#0778b5 rgb(7,120,181)
```
#007bbc
```
#007bbc rgb(0,123,188)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#576065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646a84 Protanopia 1% of men
#636a8b Deuteranopia 1% of men
#3e737b Tritanopia 0.001% of the population

Trichromacy

#556a83 Protanomaly 1% of men, 0.01% of women
#546987 Deuteranomaly 6% of men, 0.4% of women
#3c6f7d Tritanomaly 0.01% of the population

#3a6982 hex color

#3a6982 Color Information

#3a6982 Color Conversion

Color Schemes with #3a6982

Alternatives to #3a6982

#3a6982 Preview

Shades and Tints of #3a6982

Tones of #3a6982

Color Blindness Simulator