#4f70aa hex color

In a RGB color space, hex #4f70aa is composed of 31% red, 43.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 34.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 218.2 degrees, a saturation of 36.5% and a lightness of 48.8%. #4f70aa color hex could be obtained by blending #9ee0ff with #000055. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 44
- B 67
RGB color chart
- C 54
- M 34
- Y 0
- K 33
CMYK color chart

● #4f70aa color description : Dark moderate blue.

The hexadecimal color #4f70aa has RGB values of R:79, G:112, B:170 and CMYK values of C:0.54, M:0.34, Y:0, K:0.33. Its decimal value is 5206186.

Hex triplet	4f70aa	`#4f70aa`
RGB Decimal	79, 112, 170	`rgb(79,112,170)`
RGB Percent	31, 43.9, 66.7	`rgb(31%,43.9%,66.7%)`
CMYK	54, 34, 0, 33
HSL	218.2°, 36.5, 48.8	`hsl(218.2,36.5%,48.8%)`
HSV (or HSB)	218.2°, 53.5, 66.7
Web Safe	666699	`#666699`

CIE-LAB	47.173, 5.338, -34.663
XYZ	16.273, 16.152, 40.288
xyY	0.224, 0.222, 16.152
CIE-LCH	47.173, 35.072, 278.754
CIE-LUV	47.173, -16.12, -52.25
Hunter-Lab	40.19, 1.943, -31.303
Binary	01001111, 01110000, 10101010

#4f70aa
```
#4f70aa rgb(79,112,170)
```
#aa894f
```
#aa894f rgb(170,137,79)
```

Complementary Color

#4f9eaa
```
#4f9eaa rgb(79,158,170)
```
#4f70aa
```
#4f70aa rgb(79,112,170)
```
#5c4faa
```
#5c4faa rgb(92,79,170)
```

Analogous Color

#9eaa4f
```
#9eaa4f rgb(158,170,79)
```
#4f70aa
```
#4f70aa rgb(79,112,170)
```
#aa5c4f
```
#aa5c4f rgb(170,92,79)
```

Split Complementary Color

#70aa4f
```
#70aa4f rgb(112,170,79)
```
#4f70aa
```
#4f70aa rgb(79,112,170)
```
#aa4f70
```
#aa4f70 rgb(170,79,112)
```

Triadic Color

#4faa89
```
#4faa89 rgb(79,170,137)
```
#4f70aa
```
#4f70aa rgb(79,112,170)
```
#aa4f70
```
#aa4f70 rgb(170,79,112)
```
#aa894f
```
#aa894f rgb(170,137,79)
```

Tetradic Color

#374e76
```
#374e76 rgb(55,78,118)
```
#3f5987
```
#3f5987 rgb(63,89,135)
```
#476599
```
#476599 rgb(71,101,153)
```
#4f70aa
```
#4f70aa rgb(79,112,170)
```
#5e7db4
```
#5e7db4 rgb(94,125,180)
```
#708bbc
```
#708bbc rgb(112,139,188)
```
#8199c4
```
#8199c4 rgb(129,153,196)
```

Monochromatic Color

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

#4f87aa
```
#4f87aa rgb(79,135,170)
```
#4f7faa
```
#4f7faa rgb(79,127,170)
```
#4f78aa
```
#4f78aa rgb(79,120,170)
```
#4f70aa
```
#4f70aa rgb(79,112,170)
```
#4f68aa
```
#4f68aa rgb(79,104,170)
```
#4f61aa
```
#4f61aa rgb(79,97,170)
```
#4f59aa
```
#4f59aa rgb(79,89,170)
```

Similar Colors

Text with hexadecimal color #4f70aa

This text has a font color of #4f70aa.

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

#4f70aa background color

This paragraph has a background color of #4f70aa.

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

#4f70aa border color

This element has a border color of #4f70aa.

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

CSS codes

.text {color:#4f70aa;}

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

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

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

#040609
```
#040609 rgb(4,6,9)
```
#0b0f17
```
#0b0f17 rgb(11,15,23)
```
#111824
```
#111824 rgb(17,24,36)
```
#172131
```
#172131 rgb(23,33,49)
```
#1d293f
```
#1d293f rgb(29,41,63)
```
#23324c
```
#23324c rgb(35,50,76)
```
#2a3b5a
```
#2a3b5a rgb(42,59,90)
```
#304467
```
#304467 rgb(48,68,103)
```
#364d74
```
#364d74 rgb(54,77,116)
```
#3c5682
```
#3c5682 rgb(60,86,130)
```
#435e8f
```
#435e8f rgb(67,94,143)
```
#49679d
```
#49679d rgb(73,103,157)
```
#4f70aa
```
#4f70aa rgb(79,112,170)
```

Shade Color Variation

#5a7ab2
```
#5a7ab2 rgb(90,122,178)
```
#6885b9
```
#6885b9 rgb(104,133,185)
```
#7590bf
```
#7590bf rgb(117,144,191)
```
#829bc5
```
#829bc5 rgb(130,155,197)
```
#90a5cb
```
#90a5cb rgb(144,165,203)
```
#9db0d2
```
#9db0d2 rgb(157,176,210)
```
#abbbd8
```
#abbbd8 rgb(171,187,216)
```
#b8c6de
```
#b8c6de rgb(184,198,222)
```
#c5d1e4
```
#c5d1e4 rgb(197,209,228)
```
#d3dbea
```
#d3dbea rgb(211,219,234)
```
#e0e6f1
```
#e0e6f1 rgb(224,230,241)
```
#eef1f7
```
#eef1f7 rgb(238,241,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757b84 is the less saturated color, while #025bf7 is the most saturated one.

#757b84
```
#757b84 rgb(117,123,132)
```
#6c788d
```
#6c788d rgb(108,120,141)
```
#627597
```
#627597 rgb(98,117,151)
```
#5973a0
```
#5973a0 rgb(89,115,160)
```
#4f70aa
```
#4f70aa rgb(79,112,170)
```
#456db4
```
#456db4 rgb(69,109,180)
```
#3c6bbd
```
#3c6bbd rgb(60,107,189)
```
#3268c7
```
#3268c7 rgb(50,104,199)
```
#2965d0
```
#2965d0 rgb(41,101,208)
```
#1f63da
```
#1f63da rgb(31,99,218)
```
#1660e3
```
#1660e3 rgb(22,96,227)
```
#0c5eed
```
#0c5eed rgb(12,94,237)
```
#025bf7
```
#025bf7 rgb(2,91,247)
```

Tone Color Variation

Below, you can see how #4f70aa 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
#676e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6275ac Protanopia 1% of men
#5a77ae Deuteranopia 1% of men
#477f88 Tritanopia 0.001% of the population

Trichromacy

#5b73ab Protanomaly 1% of men, 0.01% of women
#5674ac Deuteranomaly 6% of men, 0.4% of women
#4a7994 Tritanomaly 0.01% of the population

#4f70aa hex color

#4f70aa Color Information

#4f70aa Color Conversion

Color Schemes with #4f70aa

Alternatives to #4f70aa

#4f70aa Preview

Shades and Tints of #4f70aa

Tones of #4f70aa

Color Blindness Simulator