#4a74a6 hex color

In a RGB color space, hex #4a74a6 is composed of 29% red, 45.5% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 30.1% magenta, 0% yellow and 34.9% black. It has a hue angle of 212.6 degrees, a saturation of 38.3% and a lightness of 47.1%. #4a74a6 color hex could be obtained by blending #94e8ff with #00004d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 29
- G 45
- B 65
RGB color chart
- C 55
- M 30
- Y 0
- K 35
CMYK color chart

● #4a74a6 color description : Dark moderate blue.

The hexadecimal color #4a74a6 has RGB values of R:74, G:116, B:166 and CMYK values of C:0.55, M:0.3, Y:0, K:0.35. Its decimal value is 4879526.

Hex triplet	4a74a6	`#4a74a6`
RGB Decimal	74, 116, 166	`rgb(74,116,166)`
RGB Percent	29, 45.5, 65.1	`rgb(29%,45.5%,65.1%)`
CMYK	55, 30, 0, 35
HSL	212.6°, 38.3, 47.1	`hsl(212.6,38.3%,47.1%)`
HSV (or HSB)	212.6°, 55.4, 65.1
Web Safe	336699	`#336699`

CIE-LAB	47.878, 0.456, -31.238
XYZ	15.951, 16.699, 38.457
xyY	0.224, 0.235, 16.699
CIE-LCH	47.878, 31.242, 270.836
CIE-LUV	47.878, -19.127, -46.498
Hunter-Lab	40.864, -1.838, -27.192
Binary	01001010, 01110100, 10100110

#4a74a6
```
#4a74a6 rgb(74,116,166)
```
#a67c4a
```
#a67c4a rgb(166,124,74)
```

Complementary Color

#4aa2a6
```
#4aa2a6 rgb(74,162,166)
```
#4a74a6
```
#4a74a6 rgb(74,116,166)
```
#4e4aa6
```
#4e4aa6 rgb(78,74,166)
```

Analogous Color

#a2a64a
```
#a2a64a rgb(162,166,74)
```
#4a74a6
```
#4a74a6 rgb(74,116,166)
```
#a64e4a
```
#a64e4a rgb(166,78,74)
```

Split Complementary Color

#74a64a
```
#74a64a rgb(116,166,74)
```
#4a74a6
```
#4a74a6 rgb(74,116,166)
```
#a64a74
```
#a64a74 rgb(166,74,116)
```

Triadic Color

#4aa67c
```
#4aa67c rgb(74,166,124)
```
#4a74a6
```
#4a74a6 rgb(74,116,166)
```
#a64a74
```
#a64a74 rgb(166,74,116)
```
#a67c4a
```
#a67c4a rgb(166,124,74)
```

Tetradic Color

#324f71
```
#324f71 rgb(50,79,113)
```
#3a5b83
```
#3a5b83 rgb(58,91,131)
```
#426894
```
#426894 rgb(66,104,148)
```
#4a74a6
```
#4a74a6 rgb(74,116,166)
```
#5681b4
```
#5681b4 rgb(86,129,180)
```
#688ebb
```
#688ebb rgb(104,142,187)
```
#799bc3
```
#799bc3 rgb(121,155,195)
```

Monochromatic Color

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

#4a8ba6
```
#4a8ba6 rgb(74,139,166)
```
#4a83a6
```
#4a83a6 rgb(74,131,166)
```
#4a7ca6
```
#4a7ca6 rgb(74,124,166)
```
#4a74a6
```
#4a74a6 rgb(74,116,166)
```
#4a6ca6
```
#4a6ca6 rgb(74,108,166)
```
#4a65a6
```
#4a65a6 rgb(74,101,166)
```
#4a5da6
```
#4a5da6 rgb(74,93,166)
```

Similar Colors

Text with hexadecimal color #4a74a6

This text has a font color of #4a74a6.

<span style="color:#4a74a6;">Text here</span>

#4a74a6 background color

This paragraph has a background color of #4a74a6.

<p style="background-color:#4a74a6;">Content here</p>

#4a74a6 border color

This element has a border color of #4a74a6.

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

CSS codes

.text {color:#4a74a6;}

.background {background-color:#4a74a6;}

.border {border:1px solid #4a74a6;}

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

#010203
```
#010203 rgb(1,2,3)
```
#070c11
```
#070c11 rgb(7,12,17)
```
#0e151e
```
#0e151e rgb(14,21,30)
```
#141f2c
```
#141f2c rgb(20,31,44)
```
#1a2839
```
#1a2839 rgb(26,40,57)
```
#203247
```
#203247 rgb(32,50,71)
```
#263b55
```
#263b55 rgb(38,59,85)
```
#2c4562
```
#2c4562 rgb(44,69,98)
```
#324e70
```
#324e70 rgb(50,78,112)
```
#38587d
```
#38587d rgb(56,88,125)
```
#3e618b
```
#3e618b rgb(62,97,139)
```
#446b98
```
#446b98 rgb(68,107,152)
```
#4a74a6
```
#4a74a6 rgb(74,116,166)
```

Shade Color Variation

#527eb2
```
#527eb2 rgb(82,126,178)
```
#5f88b8
```
#5f88b8 rgb(95,136,184)
```
#6d92be
```
#6d92be rgb(109,146,190)
```
#7b9cc4
```
#7b9cc4 rgb(123,156,196)
```
#88a6ca
```
#88a6ca rgb(136,166,202)
```
#96b0d0
```
#96b0d0 rgb(150,176,208)
```
#a3bad6
```
#a3bad6 rgb(163,186,214)
```
#b1c5dc
```
#b1c5dc rgb(177,197,220)
```
#becfe2
```
#becfe2 rgb(190,207,226)
```
#ccd9e8
```
#ccd9e8 rgb(204,217,232)
```
#d9e3ee
```
#d9e3ee rgb(217,227,238)
```
#e7edf4
```
#e7edf4 rgb(231,237,244)
```
#f5f7fa
```
#f5f7fa rgb(245,247,250)
```

Tint Color Variation

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

#6f7781
```
#6f7781 rgb(111,119,129)
```
#66768a
```
#66768a rgb(102,118,138)
```
#5c7694
```
#5c7694 rgb(92,118,148)
```
#53759d
```
#53759d rgb(83,117,157)
```
#4a74a6
```
#4a74a6 rgb(74,116,166)
```
#4173af
```
#4173af rgb(65,115,175)
```
#3872b8
```
#3872b8 rgb(56,114,184)
```
#2e72c2
```
#2e72c2 rgb(46,114,194)
```
#2571cb
```
#2571cb rgb(37,113,203)
```
#1c70d4
```
#1c70d4 rgb(28,112,212)
```
#136fdd
```
#136fdd rgb(19,111,221)
```
#096ee7
```
#096ee7 rgb(9,110,231)
```
#006ef0
```
#006ef0 rgb(0,110,240)
```

Tone Color Variation

Below, you can see how #4a74a6 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

#6d6d6d Achromatopsia 0.005% of the population
#666e78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6877a7 Protanopia 1% of men
#6178ab Deuteranopia 1% of men
#44818b Tritanopia 0.001% of the population

Trichromacy

#5d76a7 Protanomaly 1% of men, 0.01% of women
#5876a9 Deuteranomaly 6% of men, 0.4% of women
#467c94 Tritanomaly 0.01% of the population

#4a74a6 hex color

#4a74a6 Color Information

#4a74a6 Color Conversion

Color Schemes with #4a74a6

Alternatives to #4a74a6

#4a74a6 Preview

Shades and Tints of #4a74a6

Tones of #4a74a6

Color Blindness Simulator