#4674ae hex color

In a RGB color space, hex #4674ae is composed of 27.5% red, 45.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 33.3% magenta, 0% yellow and 31.8% black. It has a hue angle of 213.5 degrees, a saturation of 42.6% and a lightness of 47.8%. #4674ae color hex could be obtained by blending #8ce8ff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 45
- B 68
RGB color chart
- C 60
- M 33
- Y 0
- K 32
CMYK color chart

● #4674ae color description : Dark moderate blue.

The hexadecimal color #4674ae has RGB values of R:70, G:116, B:174 and CMYK values of C:0.6, M:0.33, Y:0, K:0.32. Its decimal value is 4617390.

Hex triplet	4674ae	`#4674ae`
RGB Decimal	70, 116, 174	`rgb(70,116,174)`
RGB Percent	27.5, 45.5, 68.2	`rgb(27.5%,45.5%,68.2%)`
CMYK	60, 33, 0, 32
HSL	213.5°, 42.6, 47.8	`hsl(213.5,42.6%,47.8%)`
HSV (or HSB)	213.5°, 59.8, 68.2
Web Safe	336699	`#336699`

CIE-LAB	48.068, 2.258, -35.621
XYZ	16.409, 16.848, 42.429
xyY	0.217, 0.223, 16.848
CIE-LCH	48.068, 35.692, 273.627
CIE-LUV	48.068, -20.16, -53.634
Hunter-Lab	41.046, -0.47, -32.556
Binary	01000110, 01110100, 10101110

#4674ae
```
#4674ae rgb(70,116,174)
```
#ae8046
```
#ae8046 rgb(174,128,70)
```

Complementary Color

#46a8ae
```
#46a8ae rgb(70,168,174)
```
#4674ae
```
#4674ae rgb(70,116,174)
```
#4c46ae
```
#4c46ae rgb(76,70,174)
```

Analogous Color

#a8ae46
```
#a8ae46 rgb(168,174,70)
```
#4674ae
```
#4674ae rgb(70,116,174)
```
#ae4c46
```
#ae4c46 rgb(174,76,70)
```

Split Complementary Color

#74ae46
```
#74ae46 rgb(116,174,70)
```
#4674ae
```
#4674ae rgb(70,116,174)
```
#ae4674
```
#ae4674 rgb(174,70,116)
```

Triadic Color

#46ae80
```
#46ae80 rgb(70,174,128)
```
#4674ae
```
#4674ae rgb(70,116,174)
```
#ae4674
```
#ae4674 rgb(174,70,116)
```
#ae8046
```
#ae8046 rgb(174,128,70)
```

Tetradic Color

#305077
```
#305077 rgb(48,80,119)
```
#375c8a
```
#375c8a rgb(55,92,138)
```
#3f689c
```
#3f689c rgb(63,104,156)
```
#4674ae
```
#4674ae rgb(70,116,174)
```
#5381ba
```
#5381ba rgb(83,129,186)
```
#668ec1
```
#668ec1 rgb(102,142,193)
```
#789cc9
```
#789cc9 rgb(120,156,201)
```

Monochromatic Color

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

#468eae
```
#468eae rgb(70,142,174)
```
#4685ae
```
#4685ae rgb(70,133,174)
```
#467dae
```
#467dae rgb(70,125,174)
```
#4674ae
```
#4674ae rgb(70,116,174)
```
#466bae
```
#466bae rgb(70,107,174)
```
#4663ae
```
#4663ae rgb(70,99,174)
```
#465aae
```
#465aae rgb(70,90,174)
```

Similar Colors

Text with hexadecimal color #4674ae

This text has a font color of #4674ae.

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

#4674ae background color

This paragraph has a background color of #4674ae.

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

#4674ae border color

This element has a border color of #4674ae.

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

CSS codes

.text {color:#4674ae;}

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

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

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)
```
#080d14
```
#080d14 rgb(8,13,20)
```
#0e1722
```
#0e1722 rgb(14,23,34)
```
#132030
```
#132030 rgb(19,32,48)
```
#19293e
```
#19293e rgb(25,41,62)
```
#1f334c
```
#1f334c rgb(31,51,76)
```
#243c5a
```
#243c5a rgb(36,60,90)
```
#2a4568
```
#2a4568 rgb(42,69,104)
```
#2f4f76
```
#2f4f76 rgb(47,79,118)
```
#355884
```
#355884 rgb(53,88,132)
```
#3b6192
```
#3b6192 rgb(59,97,146)
```
#406ba0
```
#406ba0 rgb(64,107,160)
```
#4674ae
```
#4674ae rgb(70,116,174)
```

Shade Color Variation

#4f7eb8
```
#4f7eb8 rgb(79,126,184)
```
#5d88be
```
#5d88be rgb(93,136,190)
```
#6b92c4
```
#6b92c4 rgb(107,146,196)
```
#799dc9
```
#799dc9 rgb(121,157,201)
```
#87a7cf
```
#87a7cf rgb(135,167,207)
```
#95b1d4
```
#95b1d4 rgb(149,177,212)
```
#a3bbda
```
#a3bbda rgb(163,187,218)
```
#b1c6e0
```
#b1c6e0 rgb(177,198,224)
```
#bfd0e5
```
#bfd0e5 rgb(191,208,229)
```
#cddaeb
```
#cddaeb rgb(205,218,235)
```
#dbe5f1
```
#dbe5f1 rgb(219,229,241)
```
#e9eff6
```
#e9eff6 rgb(233,239,246)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75797f is the less saturated color, while #046cf0 is the most saturated one.

#75797f
```
#75797f rgb(117,121,127)
```
#6c7888
```
#6c7888 rgb(108,120,136)
```
#627792
```
#627792 rgb(98,119,146)
```
#59769b
```
#59769b rgb(89,118,155)
```
#4f75a5
```
#4f75a5 rgb(79,117,165)
```
#4674ae
```
#4674ae rgb(70,116,174)
```
#3d73b7
```
#3d73b7 rgb(61,115,183)
```
#3372c1
```
#3372c1 rgb(51,114,193)
```
#2a71ca
```
#2a71ca rgb(42,113,202)
```
#2070d4
```
#2070d4 rgb(32,112,212)
```
#176fdd
```
#176fdd rgb(23,111,221)
```
#0e6ee6
```
#0e6ee6 rgb(14,110,230)
```
#046cf0
```
#046cf0 rgb(4,108,240)
```

Tone Color Variation

Below, you can see how #4674ae 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
#656e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6477af Protanopia 1% of men
#5a79b3 Deuteranopia 1% of men
#3a838c Tritanopia 0.001% of the population

Trichromacy

#5976ae Protanomaly 1% of men, 0.01% of women
#5277b1 Deuteranomaly 6% of men, 0.4% of women
#3e7d98 Tritanomaly 0.01% of the population

#4674ae hex color

#4674ae Color Information

#4674ae Color Conversion

Color Schemes with #4674ae

Alternatives to #4674ae

#4674ae Preview

Shades and Tints of #4674ae

Tones of #4674ae

Color Blindness Simulator