#3a6274 hex color

In a RGB color space, hex #3a6274 is composed of 22.7% red, 38.4% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 15.5% magenta, 0% yellow and 54.5% black. It has a hue angle of 198.6 degrees, a saturation of 33.3% and a lightness of 34.1%. #3a6274 color hex could be obtained by blending #74c4e8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 38
- B 45
RGB color chart
- C 50
- M 16
- Y 0
- K 55
CMYK color chart

● #3a6274 color description : Dark moderate blue.

The hexadecimal color #3a6274 has RGB values of R:58, G:98, B:116 and CMYK values of C:0.5, M:0.16, Y:0, K:0.55. Its decimal value is 3826292.

Hex triplet	3a6274	`#3a6274`
RGB Decimal	58, 98, 116	`rgb(58,98,116)`
RGB Percent	22.7, 38.4, 45.5	`rgb(22.7%,38.4%,45.5%)`
CMYK	50, 16, 0, 55
HSL	198.6°, 33.3, 34.1	`hsl(198.6,33.3%,34.1%)`
HSV (or HSB)	198.6°, 50, 45.5
Web Safe	336666	`#336666`

CIE-LAB	39.404, -8.703, -14.52
XYZ	9.264, 10.895, 18.137
xyY	0.242, 0.285, 10.895
CIE-LCH	39.404, 16.929, 239.061
CIE-LUV	39.404, -17.759, -18.729
Hunter-Lab	33.008, -7.665, -9.472
Binary	00111010, 01100010, 01110100

#3a6274
```
#3a6274 rgb(58,98,116)
```
#744c3a
```
#744c3a rgb(116,76,58)
```

Complementary Color

#3a7469
```
#3a7469 rgb(58,116,105)
```
#3a6274
```
#3a6274 rgb(58,98,116)
```
#3a4574
```
#3a4574 rgb(58,69,116)
```

Analogous Color

#74693a
```
#74693a rgb(116,105,58)
```
#3a6274
```
#3a6274 rgb(58,98,116)
```
#743a45
```
#743a45 rgb(116,58,69)
```

Split Complementary Color

#62743a
```
#62743a rgb(98,116,58)
```
#3a6274
```
#3a6274 rgb(58,98,116)
```
#743a62
```
#743a62 rgb(116,58,98)
```

Triadic Color

#3a744c
```
#3a744c rgb(58,116,76)
```
#3a6274
```
#3a6274 rgb(58,98,116)
```
#743a62
```
#743a62 rgb(116,58,98)
```
#744c3a
```
#744c3a rgb(116,76,58)
```

Tetradic Color

#213741
```
#213741 rgb(33,55,65)
```
#294552
```
#294552 rgb(41,69,82)
```
#325463
```
#325463 rgb(50,84,99)
```
#3a6274
```
#3a6274 rgb(58,98,116)
```
#437085
```
#437085 rgb(67,112,133)
```
#4b7f96
```
#4b7f96 rgb(75,127,150)
```
#548da7
```
#548da7 rgb(84,141,167)
```

Monochromatic Color

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

#3a7174
```
#3a7174 rgb(58,113,116)
```
#3a6c74
```
#3a6c74 rgb(58,108,116)
```
#3a6774
```
#3a6774 rgb(58,103,116)
```
#3a6274
```
#3a6274 rgb(58,98,116)
```
#3a5d74
```
#3a5d74 rgb(58,93,116)
```
#3a5874
```
#3a5874 rgb(58,88,116)
```
#3a5474
```
#3a5474 rgb(58,84,116)
```

Similar Colors

Text with hexadecimal color #3a6274

This text has a font color of #3a6274.

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

#3a6274 background color

This paragraph has a background color of #3a6274.

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

#3a6274 border color

This element has a border color of #3a6274.

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

CSS codes

.text {color:#3a6274;}

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

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

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, #060a0b is the darkest color, while #fdfefe is the lightest one.

#060a0b
```
#060a0b rgb(6,10,11)
```
#0c1518
```
#0c1518 rgb(12,21,24)
```
#132026
```
#132026 rgb(19,32,38)
```
#192b33
```
#192b33 rgb(25,43,51)
```
#203640
```
#203640 rgb(32,54,64)
```
#26414d
```
#26414d rgb(38,65,77)
```
#2d4c5a
```
#2d4c5a rgb(45,76,90)
```
#335767
```
#335767 rgb(51,87,103)
```
#3a6274
```
#3a6274 rgb(58,98,116)
```
#416d81
```
#416d81 rgb(65,109,129)
```
#47788e
```
#47788e rgb(71,120,142)
```
#4e839b
```
#4e839b rgb(78,131,155)
```
#548ea8
```
#548ea8 rgb(84,142,168)
```

Shade Color Variation

#6097b0
```
#6097b0 rgb(96,151,176)
```
#6da0b6
```
#6da0b6 rgb(109,160,182)
```
#7ba8bd
```
#7ba8bd rgb(123,168,189)
```
#88b1c3
```
#88b1c3 rgb(136,177,195)
```
#95b9ca
```
#95b9ca rgb(149,185,202)
```
#a2c2d0
```
#a2c2d0 rgb(162,194,208)
```
#afcad7
```
#afcad7 rgb(175,202,215)
```
#bcd3dd
```
#bcd3dd rgb(188,211,221)
```
#c9dce4
```
#c9dce4 rgb(201,220,228)
```
#d6e4eb
```
#d6e4eb rgb(214,228,235)
```
#e3edf1
```
#e3edf1 rgb(227,237,241)
```
#f0f5f8
```
#f0f5f8 rgb(240,245,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#555859
```
#555859 rgb(85,88,89)
```
#4e5a60
```
#4e5a60 rgb(78,90,96)
```
#475d67
```
#475d67 rgb(71,93,103)
```
#415f6d
```
#415f6d rgb(65,95,109)
```
#3a6274
```
#3a6274 rgb(58,98,116)
```
#33657b
```
#33657b rgb(51,101,123)
```
#2d6781
```
#2d6781 rgb(45,103,129)
```
#266a88
```
#266a88 rgb(38,106,136)
```
#1f6c8f
```
#1f6c8f rgb(31,108,143)
```
#196f95
```
#196f95 rgb(25,111,149)
```
#12719c
```
#12719c rgb(18,113,156)
```
#0b74a3
```
#0b74a3 rgb(11,116,163)
```
#0476aa
```
#0476aa rgb(4,118,170)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#525a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#606477 Protanopia 1% of men
#61637d Deuteranopia 1% of men
#416b73 Tritanopia 0.001% of the population

Trichromacy

#526376 Protanomaly 1% of men, 0.01% of women
#52627a Deuteranomaly 6% of men, 0.4% of women
#3e6873 Tritanomaly 0.01% of the population

#3a6274 hex color

#3a6274 Color Information

#3a6274 Color Conversion

Color Schemes with #3a6274

Alternatives to #3a6274

#3a6274 Preview

Shades and Tints of #3a6274

Tones of #3a6274

Color Blindness Simulator