#4f70a8 hex color

In a RGB color space, hex #4f70a8 is composed of 31% red, 43.9% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 33.3% magenta, 0% yellow and 34.1% black. It has a hue angle of 217.8 degrees, a saturation of 36% and a lightness of 48.4%. #4f70a8 color hex could be obtained by blending #9ee0ff with #000051. Closest websafe color is: #666699.

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

● #4f70a8 color description : Dark moderate blue.

The hexadecimal color #4f70a8 has RGB values of R:79, G:112, B:168 and CMYK values of C:0.53, M:0.33, Y:0, K:0.34. Its decimal value is 5206184.

Hex triplet	4f70a8	`#4f70a8`
RGB Decimal	79, 112, 168	`rgb(79,112,168)`
RGB Percent	31, 43.9, 65.9	`rgb(31%,43.9%,65.9%)`
CMYK	53, 33, 0, 34
HSL	217.8°, 36, 48.4	`hsl(217.8,36%,48.4%)`
HSV (or HSB)	217.8°, 53, 65.9
Web Safe	666699	`#666699`

CIE-LAB	47.075, 4.689, -33.648
XYZ	16.085, 16.077, 39.299
xyY	0.225, 0.225, 16.077
CIE-LCH	47.075, 33.973, 277.933
CIE-LUV	47.075, -16.113, -50.568
Hunter-Lab	40.096, 1.439, -30.044
Binary	01001111, 01110000, 10101000

#4f70a8
```
#4f70a8 rgb(79,112,168)
```
#a8874f
```
#a8874f rgb(168,135,79)
```

Complementary Color

#4f9da8
```
#4f9da8 rgb(79,157,168)
```
#4f70a8
```
#4f70a8 rgb(79,112,168)
```
#5b4fa8
```
#5b4fa8 rgb(91,79,168)
```

Analogous Color

#9da84f
```
#9da84f rgb(157,168,79)
```
#4f70a8
```
#4f70a8 rgb(79,112,168)
```
#a85b4f
```
#a85b4f rgb(168,91,79)
```

Split Complementary Color

#70a84f
```
#70a84f rgb(112,168,79)
```
#4f70a8
```
#4f70a8 rgb(79,112,168)
```
#a84f70
```
#a84f70 rgb(168,79,112)
```

Triadic Color

#4fa887
```
#4fa887 rgb(79,168,135)
```
#4f70a8
```
#4f70a8 rgb(79,112,168)
```
#a84f70
```
#a84f70 rgb(168,79,112)
```
#a8874f
```
#a8874f rgb(168,135,79)
```

Tetradic Color

#374d74
```
#374d74 rgb(55,77,116)
```
#3f5985
```
#3f5985 rgb(63,89,133)
```
#476497
```
#476497 rgb(71,100,151)
```
#4f70a8
```
#4f70a8 rgb(79,112,168)
```
#5d7db3
```
#5d7db3 rgb(93,125,179)
```
#6f8bbb
```
#6f8bbb rgb(111,139,187)
```
#8099c3
```
#8099c3 rgb(128,153,195)
```

Monochromatic Color

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

#4f86a8
```
#4f86a8 rgb(79,134,168)
```
#4f7fa8
```
#4f7fa8 rgb(79,127,168)
```
#4f77a8
```
#4f77a8 rgb(79,119,168)
```
#4f70a8
```
#4f70a8 rgb(79,112,168)
```
#4f69a8
```
#4f69a8 rgb(79,105,168)
```
#4f61a8
```
#4f61a8 rgb(79,97,168)
```
#4f5aa8
```
#4f5aa8 rgb(79,90,168)
```

Similar Colors

Text with hexadecimal color #4f70a8

This text has a font color of #4f70a8.

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

#4f70a8 background color

This paragraph has a background color of #4f70a8.

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

#4f70a8 border color

This element has a border color of #4f70a8.

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

CSS codes

.text {color:#4f70a8;}

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

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0a0e15
```
#0a0e15 rgb(10,14,21)
```
#101723
```
#101723 rgb(16,23,35)
```
#172030
```
#172030 rgb(23,32,48)
```
#1d293d
```
#1d293d rgb(29,41,61)
```
#23324b
```
#23324b rgb(35,50,75)
```
#293b58
```
#293b58 rgb(41,59,88)
```
#304465
```
#304465 rgb(48,68,101)
```
#364c73
```
#364c73 rgb(54,76,115)
```
#3c5580
```
#3c5580 rgb(60,85,128)
```
#425e8d
```
#425e8d rgb(66,94,141)
```
#49679b
```
#49679b rgb(73,103,155)
```
#4f70a8
```
#4f70a8 rgb(79,112,168)
```

Shade Color Variation

#597ab1
```
#597ab1 rgb(89,122,177)
```
#6785b7
```
#6785b7 rgb(103,133,183)
```
#748fbe
```
#748fbe rgb(116,143,190)
```
#819ac4
```
#819ac4 rgb(129,154,196)
```
#8fa5ca
```
#8fa5ca rgb(143,165,202)
```
#9cb0d1
```
#9cb0d1 rgb(156,176,209)
```
#aabad7
```
#aabad7 rgb(170,186,215)
```
#b7c5dd
```
#b7c5dd rgb(183,197,221)
```
#c4d0e3
```
#c4d0e3 rgb(196,208,227)
```
#d2daea
```
#d2daea rgb(210,218,234)
```
#dfe5f0
```
#dfe5f0 rgb(223,229,240)
```
#ecf0f6
```
#ecf0f6 rgb(236,240,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#757a82
```
#757a82 rgb(117,122,130)
```
#6c778c
```
#6c778c rgb(108,119,140)
```
#627595
```
#627595 rgb(98,117,149)
```
#59729f
```
#59729f rgb(89,114,159)
```
#4f70a8
```
#4f70a8 rgb(79,112,168)
```
#466eb2
```
#466eb2 rgb(70,110,178)
```
#3c6bbb
```
#3c6bbb rgb(60,107,187)
```
#3369c5
```
#3369c5 rgb(51,105,197)
```
#2966ce
```
#2966ce rgb(41,102,206)
```
#2064d8
```
#2064d8 rgb(32,100,216)
```
#1661e1
```
#1661e1 rgb(22,97,225)
```
#0d5feb
```
#0d5feb rgb(13,95,235)
```
#035cf4
```
#035cf4 rgb(3,92,244)
```

Tone Color Variation

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

#6375aa Protanopia 1% of men
#5b76ac Deuteranopia 1% of men
#487f88 Tritanopia 0.001% of the population

Trichromacy

#5c73a9 Protanomaly 1% of men, 0.01% of women
#5774ab Deuteranomaly 6% of men, 0.4% of women
#4a7993 Tritanomaly 0.01% of the population

#4f70a8 hex color

#4f70a8 Color Information

#4f70a8 Color Conversion

Color Schemes with #4f70a8

Alternatives to #4f70a8

#4f70a8 Preview

Shades and Tints of #4f70a8

Tones of #4f70a8

Color Blindness Simulator