#3a66a6 hex color

In a RGB color space, hex #3a66a6 is composed of 22.7% red, 40% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 38.6% magenta, 0% yellow and 34.9% black. It has a hue angle of 215.6 degrees, a saturation of 48.2% and a lightness of 43.9%. #3a66a6 color hex could be obtained by blending #74ccff with #00004d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 23
- G 40
- B 65
RGB color chart
- C 65
- M 39
- Y 0
- K 35
CMYK color chart

● #3a66a6 color description : Dark moderate blue.

The hexadecimal color #3a66a6 has RGB values of R:58, G:102, B:166 and CMYK values of C:0.65, M:0.39, Y:0, K:0.35. Its decimal value is 3827366.

Hex triplet	3a66a6	`#3a66a6`
RGB Decimal	58, 102, 166	`rgb(58,102,166)`
RGB Percent	22.7, 40, 65.1	`rgb(22.7%,40%,65.1%)`
CMYK	65, 39, 0, 35
HSL	215.6°, 48.2, 43.9	`hsl(215.6,48.2%,43.9%)`
HSV (or HSB)	215.6°, 65.1, 65.1
Web Safe	336699	`#336699`

CIE-LAB	42.995, 5.796, -38.982
XYZ	13.378, 13.155, 37.908
xyY	0.208, 0.204, 13.155
CIE-LCH	42.995, 39.411, 278.458
CIE-LUV	42.995, -18.388, -57.798
Hunter-Lab	36.269, 2.367, -36.581
Binary	00111010, 01100110, 10100110

#3a66a6
```
#3a66a6 rgb(58,102,166)
```
#a67a3a
```
#a67a3a rgb(166,122,58)
```

Complementary Color

#3a9ca6
```
#3a9ca6 rgb(58,156,166)
```
#3a66a6
```
#3a66a6 rgb(58,102,166)
```
#443aa6
```
#443aa6 rgb(68,58,166)
```

Analogous Color

#9ca63a
```
#9ca63a rgb(156,166,58)
```
#3a66a6
```
#3a66a6 rgb(58,102,166)
```
#a6443a
```
#a6443a rgb(166,68,58)
```

Split Complementary Color

#66a63a
```
#66a63a rgb(102,166,58)
```
#3a66a6
```
#3a66a6 rgb(58,102,166)
```
#a63a66
```
#a63a66 rgb(166,58,102)
```

Triadic Color

#3aa67a
```
#3aa67a rgb(58,166,122)
```
#3a66a6
```
#3a66a6 rgb(58,102,166)
```
#a63a66
```
#a63a66 rgb(166,58,102)
```
#a67a3a
```
#a67a3a rgb(166,122,58)
```

Tetradic Color

#26436d
```
#26436d rgb(38,67,109)
```
#2d4f80
```
#2d4f80 rgb(45,79,128)
```
#335a93
```
#335a93 rgb(51,90,147)
```
#3a66a6
```
#3a66a6 rgb(58,102,166)
```
#4172b9
```
#4172b9 rgb(65,114,185)
```
#517fc2
```
#517fc2 rgb(81,127,194)
```
#648dc9
```
#648dc9 rgb(100,141,201)
```

Monochromatic Color

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

#3a81a6
```
#3a81a6 rgb(58,129,166)
```
#3a78a6
```
#3a78a6 rgb(58,120,166)
```
#3a6fa6
```
#3a6fa6 rgb(58,111,166)
```
#3a66a6
```
#3a66a6 rgb(58,102,166)
```
#3a5da6
```
#3a5da6 rgb(58,93,166)
```
#3a54a6
```
#3a54a6 rgb(58,84,166)
```
#3a4ba6
```
#3a4ba6 rgb(58,75,166)
```

Similar Colors

Text with hexadecimal color #3a66a6

This text has a font color of #3a66a6.

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

#3a66a6 background color

This paragraph has a background color of #3a66a6.

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

#3a66a6 border color

This element has a border color of #3a66a6.

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

CSS codes

.text {color:#3a66a6;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#070d15
```
#070d15 rgb(7,13,21)
```
#0c1623
```
#0c1623 rgb(12,22,35)
```
#111f32
```
#111f32 rgb(17,31,50)
```
#162740
```
#162740 rgb(22,39,64)
```
#1c304f
```
#1c304f rgb(28,48,79)
```
#21395d
```
#21395d rgb(33,57,93)
```
#26426c
```
#26426c rgb(38,66,108)
```
#2b4b7a
```
#2b4b7a rgb(43,75,122)
```
#305489
```
#305489 rgb(48,84,137)
```
#355d97
```
#355d97 rgb(53,93,151)
```
#3a66a6
```
#3a66a6 rgb(58,102,166)
```
#3f6fb5
```
#3f6fb5 rgb(63,111,181)
```

Shade Color Variation

#4879bf
```
#4879bf rgb(72,121,191)
```
#5783c4
```
#5783c4 rgb(87,131,196)
```
#658ec9
```
#658ec9 rgb(101,142,201)
```
#7499ce
```
#7499ce rgb(116,153,206)
```
#82a3d3
```
#82a3d3 rgb(130,163,211)
```
#91aed8
```
#91aed8 rgb(145,174,216)
```
#9fb9de
```
#9fb9de rgb(159,185,222)
```
#aec3e3
```
#aec3e3 rgb(174,195,227)
```
#bccee8
```
#bccee8 rgb(188,206,232)
```
#cbd9ed
```
#cbd9ed rgb(203,217,237)
```
#d9e3f2
```
#d9e3f2 rgb(217,227,242)
```
#e8eef7
```
#e8eef7 rgb(232,238,247)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e7072 is the less saturated color, while #065cda is the most saturated one.

#6e7072
```
#6e7072 rgb(110,112,114)
```
#656e7b
```
#656e7b rgb(101,110,123)
```
#5c6c84
```
#5c6c84 rgb(92,108,132)
```
#546b8c
```
#546b8c rgb(84,107,140)
```
#4b6995
```
#4b6995 rgb(75,105,149)
```
#43689d
```
#43689d rgb(67,104,157)
```
#3a66a6
```
#3a66a6 rgb(58,102,166)
```
#3164af
```
#3164af rgb(49,100,175)
```
#2963b7
```
#2963b7 rgb(41,99,183)
```
#2061c0
```
#2061c0 rgb(32,97,192)
```
#1860c8
```
#1860c8 rgb(24,96,200)
```
#0f5ed1
```
#0f5ed1 rgb(15,94,209)
```
#065cda
```
#065cda rgb(6,92,218)
```

Tone Color Variation

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

Dichromacy

#536ba8 Protanopia 1% of men
#436eaa Deuteranopia 1% of men
#237780 Tritanopia 0.001% of the population

Trichromacy

#4a69a7 Protanomaly 1% of men, 0.01% of women
#406ba8 Deuteranomaly 6% of men, 0.4% of women
#2b718d Tritanomaly 0.01% of the population

#3a66a6 hex color

#3a66a6 Color Information

#3a66a6 Color Conversion

Color Schemes with #3a66a6

Alternatives to #3a66a6

#3a66a6 Preview

Shades and Tints of #3a66a6

Tones of #3a66a6

Color Blindness Simulator