colorhexa.com

#4070b3 hex color

In a RGB color space, hex #4070b3 is composed of 25.1% red, 43.9% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 37.4% magenta, 0% yellow and 29.8% black. It has a hue angle of 215 degrees, a saturation of 47.3% and a lightness of 47.6%. #4070b3 color hex could be obtained by blending #80e0ff with #000067. Closest websafe color is: #3366cc.

- R 25
- G 44
- B 70
RGB color chart
- C 64
- M 37
- Y 0
- K 30
CMYK color chart

● #4070b3 color description : Moderate blue.

The hexadecimal color #4070b3 has RGB values of R:64, G:112, B:179 and CMYK values of C:0.64, M:0.37, Y:0, K:0.3. Its decimal value is 4223155.

Hex triplet	4070b3	`#4070b3`
RGB Decimal	64, 112, 179	`rgb(64,112,179)`
RGB Percent	25.1, 43.9, 70.2	`rgb(25.1%,43.9%,70.2%)`
CMYK	64, 37, 0, 30
HSL	215°, 47.3, 47.6	`hsl(215,47.3%,47.6%)`
HSV (or HSB)	215°, 64.2, 70.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.885, 5.27, -40.415
XYZ	16.043, 15.932, 44.875
xyY	0.209, 0.207, 15.932
CIE-LCH	46.885, 40.757, 277.429
CIE-LUV	46.885, -20.201, -61.16
Hunter-Lab	39.915, 1.895, -38.718
Binary	01000000, 01110000, 10110011

#4070b3
```
#4070b3 rgb(64,112,179)
```
#b38340
```
#b38340 rgb(179,131,64)
```

Complementary Color

#40aab3
```
#40aab3 rgb(64,170,179)
```
#4070b3
```
#4070b3 rgb(64,112,179)
```
#4a40b3
```
#4a40b3 rgb(74,64,179)
```

Analogous Color

#aab340
```
#aab340 rgb(170,179,64)
```
#4070b3
```
#4070b3 rgb(64,112,179)
```
#b34a40
```
#b34a40 rgb(179,74,64)
```

Split Complementary Color

#70b340
```
#70b340 rgb(112,179,64)
```
#4070b3
```
#4070b3 rgb(64,112,179)
```
#b34070
```
#b34070 rgb(179,64,112)
```

Triadic Color

#40b383
```
#40b383 rgb(64,179,131)
```
#4070b3
```
#4070b3 rgb(64,112,179)
```
#b34070
```
#b34070 rgb(179,64,112)
```
#b38340
```
#b38340 rgb(179,131,64)
```

Tetradic Color

#2c4d7b
```
#2c4d7b rgb(44,77,123)
```
#33588d
```
#33588d rgb(51,88,141)
```
#3964a0
```
#3964a0 rgb(57,100,160)
```
#4070b3
```
#4070b3 rgb(64,112,179)
```
#4d7dbf
```
#4d7dbf rgb(77,125,191)
```
#608bc6
```
#608bc6 rgb(96,139,198)
```
#7398cd
```
#7398cd rgb(115,152,205)
```

Monochromatic Color

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

#408db3
```
#408db3 rgb(64,141,179)
```
#4083b3
```
#4083b3 rgb(64,131,179)
```
#407ab3
```
#407ab3 rgb(64,122,179)
```
#4070b3
```
#4070b3 rgb(64,112,179)
```
#4066b3
```
#4066b3 rgb(64,102,179)
```
#405db3
```
#405db3 rgb(64,93,179)
```
#4053b3
```
#4053b3 rgb(64,83,179)
```

Similar Colors

Text with hexadecimal color #4070b3

This text has a font color of #4070b3.

<span style="color:#4070b3;">Text here</span>

#4070b3 background color

This paragraph has a background color of #4070b3.

<p style="background-color:#4070b3;">Content here</p>

#4070b3 border color

This element has a border color of #4070b3.

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

CSS codes

.text {color:#4070b3;}

.background {background-color:#4070b3;}

.border {border:1px solid #4070b3;}

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

#020406
```
#020406 rgb(2,4,6)
```
#070d14
```
#070d14 rgb(7,13,20)
```
#0c1623
```
#0c1623 rgb(12,22,35)
```
#121f31
```
#121f31 rgb(18,31,49)
```
#17283f
```
#17283f rgb(23,40,63)
```
#1c314e
```
#1c314e rgb(28,49,78)
```
#213a5c
```
#213a5c rgb(33,58,92)
```
#26436b
```
#26436b rgb(38,67,107)
```
#2b4c79
```
#2b4c79 rgb(43,76,121)
```
#315588
```
#315588 rgb(49,85,136)
```
#365e96
```
#365e96 rgb(54,94,150)
```
#3b67a5
```
#3b67a5 rgb(59,103,165)
```
#4070b3
```
#4070b3 rgb(64,112,179)
```

Shade Color Variation

#497abe
```
#497abe rgb(73,122,190)
```
#5784c3
```
#5784c3 rgb(87,132,195)
```
#668fc8
```
#668fc8 rgb(102,143,200)
```
#7499cd
```
#7499cd rgb(116,153,205)
```
#83a4d3
```
#83a4d3 rgb(131,164,211)
```
#91afd8
```
#91afd8 rgb(145,175,216)
```
#9fb9dd
```
#9fb9dd rgb(159,185,221)
```
#aec4e2
```
#aec4e2 rgb(174,196,226)
```
#bccee7
```
#bccee7 rgb(188,206,231)
```
#cbd9ec
```
#cbd9ec rgb(203,217,236)
```
#d9e3f2
```
#d9e3f2 rgb(217,227,242)
```
#e8eef7
```
#e8eef7 rgb(232,238,247)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78797b is the less saturated color, while #0867eb is the most saturated one.

#78797b
```
#78797b rgb(120,121,123)
```
#6f7884
```
#6f7884 rgb(111,120,132)
```
#65768e
```
#65768e rgb(101,118,142)
```
#5c7597
```
#5c7597 rgb(92,117,151)
```
#5373a0
```
#5373a0 rgb(83,115,160)
```
#4972aa
```
#4972aa rgb(73,114,170)
```
#4070b3
```
#4070b3 rgb(64,112,179)
```
#376ebc
```
#376ebc rgb(55,110,188)
```
#2d6dc6
```
#2d6dc6 rgb(45,109,198)
```
#246bcf
```
#246bcf rgb(36,107,207)
```
#1b6ad8
```
#1b6ad8 rgb(27,106,216)
```
#1168e2
```
#1168e2 rgb(17,104,226)
```
#0867eb
```
#0867eb rgb(8,103,235)
```

Tone Color Variation

Below, you can see how #4070b3 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

#696969 Achromatopsia 0.005% of the population
#616a78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c74b4 Protanopia 1% of men
#4c77b7 Deuteranopia 1% of men
#29818a Tritanopia 0.001% of the population

Trichromacy

#5172b4 Protanomaly 1% of men, 0.01% of women
#4774b5 Deuteranomaly 6% of men, 0.4% of women
#317a99 Tritanomaly 0.01% of the population