#3a60ae hex color

In a RGB color space, hex #3a60ae is composed of 22.7% red, 37.6% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 44.8% magenta, 0% yellow and 31.8% black. It has a hue angle of 220.3 degrees, a saturation of 50% and a lightness of 45.5%. #3a60ae color hex could be obtained by blending #74c0ff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 23
- G 38
- B 68
RGB color chart
- C 67
- M 45
- Y 0
- K 32
CMYK color chart

● #3a60ae color description : Dark moderate blue.

The hexadecimal color #3a60ae has RGB values of R:58, G:96, B:174 and CMYK values of C:0.67, M:0.45, Y:0, K:0.32. Its decimal value is 3825838.

Hex triplet	3a60ae	`#3a60ae`
RGB Decimal	58, 96, 174	`rgb(58,96,174)`
RGB Percent	22.7, 37.6, 68.2	`rgb(22.7%,37.6%,68.2%)`
CMYK	67, 45, 0, 32
HSL	220.3°, 50, 45.5	`hsl(220.3,50%,45.5%)`
HSV (or HSB)	220.3°, 66.7, 68.2
Web Safe	336699	`#336699`

CIE-LAB	41.721, 12.505, -45.728
XYZ	13.566, 12.32, 41.705
xyY	0.201, 0.182, 12.32
CIE-LCH	41.721, 47.407, 285.294
CIE-LUV	41.721, -16.321, -68.101
Hunter-Lab	35.1, 7.563, -45.876
Binary	00111010, 01100000, 10101110

#3a60ae
```
#3a60ae rgb(58,96,174)
```
#ae883a
```
#ae883a rgb(174,136,58)
```

Complementary Color

#3a9aae
```
#3a9aae rgb(58,154,174)
```
#3a60ae
```
#3a60ae rgb(58,96,174)
```
#4e3aae
```
#4e3aae rgb(78,58,174)
```

Analogous Color

#9aae3a
```
#9aae3a rgb(154,174,58)
```
#3a60ae
```
#3a60ae rgb(58,96,174)
```
#ae4e3a
```
#ae4e3a rgb(174,78,58)
```

Split Complementary Color

#60ae3a
```
#60ae3a rgb(96,174,58)
```
#3a60ae
```
#3a60ae rgb(58,96,174)
```
#ae3a60
```
#ae3a60 rgb(174,58,96)
```

Triadic Color

#3aae88
```
#3aae88 rgb(58,174,136)
```
#3a60ae
```
#3a60ae rgb(58,96,174)
```
#ae3a60
```
#ae3a60 rgb(174,58,96)
```
#ae883a
```
#ae883a rgb(174,136,58)
```

Tetradic Color

#274075
```
#274075 rgb(39,64,117)
```
#2d4b88
```
#2d4b88 rgb(45,75,136)
```
#34559b
```
#34559b rgb(52,85,155)
```
#3a60ae
```
#3a60ae rgb(58,96,174)
```
#426bc0
```
#426bc0 rgb(66,107,192)
```
#557ac6
```
#557ac6 rgb(85,122,198)
```
#6889cd
```
#6889cd rgb(104,137,205)
```

Monochromatic Color

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

#3a7dae
```
#3a7dae rgb(58,125,174)
```
#3a73ae
```
#3a73ae rgb(58,115,174)
```
#3a6aae
```
#3a6aae rgb(58,106,174)
```
#3a60ae
```
#3a60ae rgb(58,96,174)
```
#3a56ae
```
#3a56ae rgb(58,86,174)
```
#3a4dae
```
#3a4dae rgb(58,77,174)
```
#3a43ae
```
#3a43ae rgb(58,67,174)
```

Similar Colors

Text with hexadecimal color #3a60ae

This text has a font color of #3a60ae.

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

#3a60ae background color

This paragraph has a background color of #3a60ae.

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

#3a60ae border color

This element has a border color of #3a60ae.

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

CSS codes

.text {color:#3a60ae;}

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

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

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, #04070c is the darkest color, while #fcfdfe is the lightest one.

#04070c
```
#04070c rgb(4,7,12)
```
#090f1b
```
#090f1b rgb(9,15,27)
```
#0e172a
```
#0e172a rgb(14,23,42)
```
#131f38
```
#131f38 rgb(19,31,56)
```
#182747
```
#182747 rgb(24,39,71)
```
#1d2f56
```
#1d2f56 rgb(29,47,86)
```
#213764
```
#213764 rgb(33,55,100)
```
#264073
```
#264073 rgb(38,64,115)
```
#2b4882
```
#2b4882 rgb(43,72,130)
```
#305091
```
#305091 rgb(48,80,145)
```
#35589f
```
#35589f rgb(53,88,159)
```
#3a60ae
```
#3a60ae rgb(58,96,174)
```
#3f68bd
```
#3f68bd rgb(63,104,189)
```

Shade Color Variation

#4c73c3
```
#4c73c3 rgb(76,115,195)
```
#5b7fc8
```
#5b7fc8 rgb(91,127,200)
```
#698acd
```
#698acd rgb(105,138,205)
```
#7896d2
```
#7896d2 rgb(120,150,210)
```
#87a1d7
```
#87a1d7 rgb(135,161,215)
```
#95addc
```
#95addc rgb(149,173,220)
```
#a4b8e1
```
#a4b8e1 rgb(164,184,225)
```
#b3c4e6
```
#b3c4e6 rgb(179,196,230)
```
#c2cfeb
```
#c2cfeb rgb(194,207,235)
```
#d0dbef
```
#d0dbef rgb(208,219,239)
```
#dfe6f4
```
#dfe6f4 rgb(223,230,244)
```
#eef2f9
```
#eef2f9 rgb(238,242,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#707278
```
#707278 rgb(112,114,120)
```
#676f81
```
#676f81 rgb(103,111,129)
```
#5e6c8a
```
#5e6c8a rgb(94,108,138)
```
#556993
```
#556993 rgb(85,105,147)
```
#4c669c
```
#4c669c rgb(76,102,156)
```
#4363a5
```
#4363a5 rgb(67,99,165)
```
#3a60ae
```
#3a60ae rgb(58,96,174)
```
#315db7
```
#315db7 rgb(49,93,183)
```
#285ac0
```
#285ac0 rgb(40,90,192)
```
#1f57c9
```
#1f57c9 rgb(31,87,201)
```
#1654d2
```
#1654d2 rgb(22,84,210)
```
#0d51db
```
#0d51db rgb(13,81,219)
```
#044ee4
```
#044ee4 rgb(4,78,228)
```

Tone Color Variation

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

Dichromacy

#4568b2 Protanopia 1% of men
#276bb0 Deuteranopia 1% of men
#00747d Tritanopia 0.001% of the population

Trichromacy

#4165b0 Protanomaly 1% of men, 0.01% of women
#2e67af Deuteranomaly 6% of men, 0.4% of women
#156d8f Tritanomaly 0.01% of the population

#3a60ae hex color

#3a60ae Color Information

#3a60ae Color Conversion

Color Schemes with #3a60ae

Alternatives to #3a60ae

#3a60ae Preview

Shades and Tints of #3a60ae

Tones of #3a60ae

Color Blindness Simulator