#4674a0 hex color

In a RGB color space, hex #4674a0 is composed of 27.5% red, 45.5% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 27.5% magenta, 0% yellow and 37.3% black. It has a hue angle of 209.3 degrees, a saturation of 39.1% and a lightness of 45.1%. #4674a0 color hex could be obtained by blending #8ce8ff with #000041. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 45
- B 63
RGB color chart
- C 56
- M 28
- Y 0
- K 37
CMYK color chart

● #4674a0 color description : Dark moderate blue.

The hexadecimal color #4674a0 has RGB values of R:70, G:116, B:160 and CMYK values of C:0.56, M:0.28, Y:0, K:0.37. Its decimal value is 4617376.

Hex triplet	4674a0	`#4674a0`
RGB Decimal	70, 116, 160	`rgb(70,116,160)`
RGB Percent	27.5, 45.5, 62.7	`rgb(27.5%,45.5%,62.7%)`
CMYK	56, 28, 0, 37
HSL	209.3°, 39.1, 45.1	`hsl(209.3,39.1%,45.1%)`
HSV (or HSB)	209.3°, 56.3, 62.7
Web Safe	336699	`#336699`

CIE-LAB	47.405, -2.406, -28.479
XYZ	15.115, 16.33, 35.611
xyY	0.225, 0.244, 16.33
CIE-LCH	47.405, 28.58, 265.171
CIE-LUV	47.405, -20.37, -41.759
Hunter-Lab	40.41, -3.953, -23.961
Binary	01000110, 01110100, 10100000

#4674a0
```
#4674a0 rgb(70,116,160)
```
#a07246
```
#a07246 rgb(160,114,70)
```

Complementary Color

#46a09f
```
#46a09f rgb(70,160,159)
```
#4674a0
```
#4674a0 rgb(70,116,160)
```
#4647a0
```
#4647a0 rgb(70,71,160)
```

Analogous Color

#a09f46
```
#a09f46 rgb(160,159,70)
```
#4674a0
```
#4674a0 rgb(70,116,160)
```
#a04647
```
#a04647 rgb(160,70,71)
```

Split Complementary Color

#74a046
```
#74a046 rgb(116,160,70)
```
#4674a0
```
#4674a0 rgb(70,116,160)
```
#a04674
```
#a04674 rgb(160,70,116)
```

Triadic Color

#46a072
```
#46a072 rgb(70,160,114)
```
#4674a0
```
#4674a0 rgb(70,116,160)
```
#a04674
```
#a04674 rgb(160,70,116)
```
#a07246
```
#a07246 rgb(160,114,70)
```

Tetradic Color

#2f4d6b
```
#2f4d6b rgb(47,77,107)
```
#365a7d
```
#365a7d rgb(54,90,125)
```
#3e678e
```
#3e678e rgb(62,103,142)
```
#4674a0
```
#4674a0 rgb(70,116,160)
```
#4e81b2
```
#4e81b2 rgb(78,129,178)
```
#608db9
```
#608db9 rgb(96,141,185)
```
#719ac1
```
#719ac1 rgb(113,154,193)
```

Monochromatic Color

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

#468ba0
```
#468ba0 rgb(70,139,160)
```
#4683a0
```
#4683a0 rgb(70,131,160)
```
#467ca0
```
#467ca0 rgb(70,124,160)
```
#4674a0
```
#4674a0 rgb(70,116,160)
```
#466da0
```
#466da0 rgb(70,109,160)
```
#4665a0
```
#4665a0 rgb(70,101,160)
```
#465ea0
```
#465ea0 rgb(70,94,160)
```

Similar Colors

Text with hexadecimal color #4674a0

This text has a font color of #4674a0.

<span style="color:#4674a0;">Text here</span>

#4674a0 background color

This paragraph has a background color of #4674a0.

<p style="background-color:#4674a0;">Content here</p>

#4674a0 border color

This element has a border color of #4674a0.

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

CSS codes

.text {color:#4674a0;}

.background {background-color:#4674a0;}

.border {border:1px solid #4674a0;}

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

#04070a
```
#04070a rgb(4,7,10)
```
#0a1118
```
#0a1118 rgb(10,17,24)
```
#101b25
```
#101b25 rgb(16,27,37)
```
#162533
```
#162533 rgb(22,37,51)
```
#1c2f40
```
#1c2f40 rgb(28,47,64)
```
#22394e
```
#22394e rgb(34,57,78)
```
#28435c
```
#28435c rgb(40,67,92)
```
#2e4c69
```
#2e4c69 rgb(46,76,105)
```
#345677
```
#345677 rgb(52,86,119)
```
#3a6085
```
#3a6085 rgb(58,96,133)
```
#406a92
```
#406a92 rgb(64,106,146)
```
#4674a0
```
#4674a0 rgb(70,116,160)
```
#4c7eae
```
#4c7eae rgb(76,126,174)
```

Shade Color Variation

#5888b6
```
#5888b6 rgb(88,136,182)
```
#6591bc
```
#6591bc rgb(101,145,188)
```
#739bc2
```
#739bc2 rgb(115,155,194)
```
#80a5c8
```
#80a5c8 rgb(128,165,200)
```
#8eafce
```
#8eafce rgb(142,175,206)
```
#9cb8d4
```
#9cb8d4 rgb(156,184,212)
```
#a9c2da
```
#a9c2da rgb(169,194,218)
```
#b7cce0
```
#b7cce0 rgb(183,204,224)
```
#c5d5e5
```
#c5d5e5 rgb(197,213,229)
```
#d2dfeb
```
#d2dfeb rgb(210,223,235)
```
#e0e9f1
```
#e0e9f1 rgb(224,233,241)
```
#eef3f7
```
#eef3f7 rgb(238,243,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#727374
```
#727374 rgb(114,115,116)
```
#69737d
```
#69737d rgb(105,115,125)
```
#617385
```
#617385 rgb(97,115,133)
```
#58748e
```
#58748e rgb(88,116,142)
```
#4f7497
```
#4f7497 rgb(79,116,151)
```
#4674a0
```
#4674a0 rgb(70,116,160)
```
#3d74a9
```
#3d74a9 rgb(61,116,169)
```
#3474b2
```
#3474b2 rgb(52,116,178)
```
#2b75bb
```
#2b75bb rgb(43,117,187)
```
#2375c3
```
#2375c3 rgb(35,117,195)
```
#1a75cc
```
#1a75cc rgb(26,117,204)
```
#1175d5
```
#1175d5 rgb(17,117,213)
```
#0875de
```
#0875de rgb(8,117,222)
```

Tone Color Variation

Below, you can see how #4674a0 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

#6b6b6b Achromatopsia 0.005% of the population
#646d76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6976a1 Protanopia 1% of men
#6476a6 Deuteranopia 1% of men
#428089 Tritanopia 0.001% of the population

Trichromacy

#5c75a0 Protanomaly 1% of men, 0.01% of women
#5975a4 Deuteranomaly 6% of men, 0.4% of women
#437c91 Tritanomaly 0.01% of the population

#4674a0 hex color

#4674a0 Color Information

#4674a0 Color Conversion

Color Schemes with #4674a0

Alternatives to #4674a0

#4674a0 Preview

Shades and Tints of #4674a0

Tones of #4674a0

Color Blindness Simulator