#4a70b0 hex color

In a RGB color space, hex #4a70b0 is composed of 29% red, 43.9% green and 69% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 36.4% magenta, 0% yellow and 31% black. It has a hue angle of 217.6 degrees, a saturation of 40.8% and a lightness of 49%. #4a70b0 color hex could be obtained by blending #94e0ff with #000061. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 29
- G 44
- B 69
RGB color chart
- C 58
- M 36
- Y 0
- K 31
CMYK color chart

● #4a70b0 color description : Dark moderate blue.

The hexadecimal color #4a70b0 has RGB values of R:74, G:112, B:176 and CMYK values of C:0.58, M:0.36, Y:0, K:0.31. Its decimal value is 4878512.

Hex triplet	4a70b0	`#4a70b0`
RGB Decimal	74, 112, 176	`rgb(74,112,176)`
RGB Percent	29, 43.9, 69	`rgb(29%,43.9%,69%)`
CMYK	58, 36, 0, 31
HSL	217.6°, 40.8, 49	`hsl(217.6,40.8%,49%)`
HSV (or HSB)	217.6°, 58, 69
Web Safe	336699	`#336699`

CIE-LAB	47.207, 6.214, -38.129
XYZ	16.453, 16.178, 43.328
xyY	0.217, 0.213, 16.178
CIE-LCH	47.207, 38.632, 279.257
CIE-LUV	47.207, -17.615, -57.773
Hunter-Lab	40.222, 2.629, -35.713
Binary	01001010, 01110000, 10110000

#4a70b0
```
#4a70b0 rgb(74,112,176)
```
#b08a4a
```
#b08a4a rgb(176,138,74)
```

Complementary Color

#4aa3b0
```
#4aa3b0 rgb(74,163,176)
```
#4a70b0
```
#4a70b0 rgb(74,112,176)
```
#574ab0
```
#574ab0 rgb(87,74,176)
```

Analogous Color

#a3b04a
```
#a3b04a rgb(163,176,74)
```
#4a70b0
```
#4a70b0 rgb(74,112,176)
```
#b0574a
```
#b0574a rgb(176,87,74)
```

Split Complementary Color

#70b04a
```
#70b04a rgb(112,176,74)
```
#4a70b0
```
#4a70b0 rgb(74,112,176)
```
#b04a70
```
#b04a70 rgb(176,74,112)
```

Triadic Color

#4ab08a
```
#4ab08a rgb(74,176,138)
```
#4a70b0
```
#4a70b0 rgb(74,112,176)
```
#b04a70
```
#b04a70 rgb(176,74,112)
```
#b08a4a
```
#b08a4a rgb(176,138,74)
```

Tetradic Color

#334e7a
```
#334e7a rgb(51,78,122)
```
#3b598c
```
#3b598c rgb(59,89,140)
```
#42659e
```
#42659e rgb(66,101,158)
```
#4a70b0
```
#4a70b0 rgb(74,112,176)
```
#5a7eba
```
#5a7eba rgb(90,126,186)
```
#6c8cc1
```
#6c8cc1 rgb(108,140,193)
```
#7e9ac9
```
#7e9ac9 rgb(126,154,201)
```

Monochromatic Color

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

#4a8ab0
```
#4a8ab0 rgb(74,138,176)
```
#4a81b0
```
#4a81b0 rgb(74,129,176)
```
#4a79b0
```
#4a79b0 rgb(74,121,176)
```
#4a70b0
```
#4a70b0 rgb(74,112,176)
```
#4a68b0
```
#4a68b0 rgb(74,104,176)
```
#4a5fb0
```
#4a5fb0 rgb(74,95,176)
```
#4a57b0
```
#4a57b0 rgb(74,87,176)
```

Similar Colors

Text with hexadecimal color #4a70b0

This text has a font color of #4a70b0.

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

#4a70b0 background color

This paragraph has a background color of #4a70b0.

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

#4a70b0 border color

This element has a border color of #4a70b0.

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

CSS codes

.text {color:#4a70b0;}

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

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

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 #fbfcfe is the lightest one.

#04070a
```
#04070a rgb(4,7,10)
```
#0a0f18
```
#0a0f18 rgb(10,15,24)
```
#101826
```
#101826 rgb(16,24,38)
```
#162134
```
#162134 rgb(22,33,52)
```
#1c2a42
```
#1c2a42 rgb(28,42,66)
```
#21324f
```
#21324f rgb(33,50,79)
```
#273b5d
```
#273b5d rgb(39,59,93)
```
#2d446b
```
#2d446b rgb(45,68,107)
```
#334d79
```
#334d79 rgb(51,77,121)
```
#395687
```
#395687 rgb(57,86,135)
```
#3e5e94
```
#3e5e94 rgb(62,94,148)
```
#4467a2
```
#4467a2 rgb(68,103,162)
```
#4a70b0
```
#4a70b0 rgb(74,112,176)
```

Shade Color Variation

#567ab8
```
#567ab8 rgb(86,122,184)
```
#6485be
```
#6485be rgb(100,133,190)
```
#7190c3
```
#7190c3 rgb(113,144,195)
```
#7f9bc9
```
#7f9bc9 rgb(127,155,201)
```
#8da6cf
```
#8da6cf rgb(141,166,207)
```
#9bb0d5
```
#9bb0d5 rgb(155,176,213)
```
#a9bbdb
```
#a9bbdb rgb(169,187,219)
```
#b6c6e0
```
#b6c6e0 rgb(182,198,224)
```
#c4d1e6
```
#c4d1e6 rgb(196,209,230)
```
#d2dcec
```
#d2dcec rgb(210,220,236)
```
#e0e7f2
```
#e0e7f2 rgb(224,231,242)
```
#eef1f8
```
#eef1f8 rgb(238,241,248)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7c80 is the less saturated color, while #075ff3 is the most saturated one.

#7a7c80
```
#7a7c80 rgb(122,124,128)
```
#707a8a
```
#707a8a rgb(112,122,138)
```
#677793
```
#677793 rgb(103,119,147)
```
#5d759d
```
#5d759d rgb(93,117,157)
```
#5472a6
```
#5472a6 rgb(84,114,166)
```
#4a70b0
```
#4a70b0 rgb(74,112,176)
```
#406eba
```
#406eba rgb(64,110,186)
```
#376bc3
```
#376bc3 rgb(55,107,195)
```
#2d69cd
```
#2d69cd rgb(45,105,205)
```
#2466d6
```
#2466d6 rgb(36,102,214)
```
#1a64e0
```
#1a64e0 rgb(26,100,224)
```
#1061ea
```
#1061ea rgb(16,97,234)
```
#075ff3
```
#075ff3 rgb(7,95,243)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#656d7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f75b2 Protanopia 1% of men
#5377b4 Deuteranopia 1% of men
#3d808a Tritanopia 0.001% of the population

Trichromacy

#5773b1 Protanomaly 1% of men, 0.01% of women
#4f74b2 Deuteranomaly 6% of men, 0.4% of women
#417a97 Tritanomaly 0.01% of the population

#4a70b0 hex color

#4a70b0 Color Information

#4a70b0 Color Conversion

Color Schemes with #4a70b0

Alternatives to #4a70b0

#4a70b0 Preview

Shades and Tints of #4a70b0

Tones of #4a70b0

Color Blindness Simulator