#2f70ab hex color

In a RGB color space, hex #2f70ab is composed of 18.4% red, 43.9% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 34.5% magenta, 0% yellow and 32.9% black. It has a hue angle of 208.5 degrees, a saturation of 56.9% and a lightness of 42.7%. #2f70ab color hex could be obtained by blending #5ee0ff with #000057. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 44
- B 67
RGB color chart
- C 73
- M 35
- Y 0
- K 33
CMYK color chart

● #2f70ab color description : Dark blue.

The hexadecimal color #2f70ab has RGB values of R:47, G:112, B:171 and CMYK values of C:0.73, M:0.35, Y:0, K:0.33. Its decimal value is 3109035.

Hex triplet	2f70ab	`#2f70ab`
RGB Decimal	47, 112, 171	`rgb(47,112,171)`
RGB Percent	18.4, 43.9, 67.1	`rgb(18.4%,43.9%,67.1%)`
CMYK	73, 35, 0, 33
HSL	208.5°, 56.9, 42.7	`hsl(208.5,56.9%,42.7%)`
HSV (or HSB)	208.5°, 72.5, 67.1
Web Safe	336699	`#336699`

CIE-LAB	45.814, -0.414, -37.485
XYZ	14.315, 15.132, 40.692
xyY	0.204, 0.216, 15.132
CIE-LCH	45.814, 37.487, 269.367
CIE-LUV	45.814, -23.975, -55.716
Hunter-Lab	38.9, -2.385, -34.792
Binary	00101111, 01110000, 10101011

#2f70ab
```
#2f70ab rgb(47,112,171)
```
#ab6a2f
```
#ab6a2f rgb(171,106,47)
```

Complementary Color

#2faba8
```
#2faba8 rgb(47,171,168)
```
#2f70ab
```
#2f70ab rgb(47,112,171)
```
#2f32ab
```
#2f32ab rgb(47,50,171)
```

Analogous Color

#aba82f
```
#aba82f rgb(171,168,47)
```
#2f70ab
```
#2f70ab rgb(47,112,171)
```
#ab2f32
```
#ab2f32 rgb(171,47,50)
```

Split Complementary Color

#70ab2f
```
#70ab2f rgb(112,171,47)
```
#2f70ab
```
#2f70ab rgb(47,112,171)
```
#ab2f70
```
#ab2f70 rgb(171,47,112)
```

Triadic Color

#2fab6a
```
#2fab6a rgb(47,171,106)
```
#2f70ab
```
#2f70ab rgb(47,112,171)
```
#ab2f70
```
#ab2f70 rgb(171,47,112)
```
#ab6a2f
```
#ab6a2f rgb(171,106,47)
```

Tetradic Color

#1f496f
```
#1f496f rgb(31,73,111)
```
#245683
```
#245683 rgb(36,86,131)
```
#2a6397
```
#2a6397 rgb(42,99,151)
```
#2f70ab
```
#2f70ab rgb(47,112,171)
```
#347dbf
```
#347dbf rgb(52,125,191)
```
#428acb
```
#428acb rgb(66,138,203)
```
#5696d1
```
#5696d1 rgb(86,150,209)
```

Monochromatic Color

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

#2f8fab
```
#2f8fab rgb(47,143,171)
```
#2f85ab
```
#2f85ab rgb(47,133,171)
```
#2f7aab
```
#2f7aab rgb(47,122,171)
```
#2f70ab
```
#2f70ab rgb(47,112,171)
```
#2f66ab
```
#2f66ab rgb(47,102,171)
```
#2f5bab
```
#2f5bab rgb(47,91,171)
```
#2f51ab
```
#2f51ab rgb(47,81,171)
```

Similar Colors

Text with hexadecimal color #2f70ab

This text has a font color of #2f70ab.

<span style="color:#2f70ab;">Text here</span>

#2f70ab background color

This paragraph has a background color of #2f70ab.

<p style="background-color:#2f70ab;">Content here</p>

#2f70ab border color

This element has a border color of #2f70ab.

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

CSS codes

.text {color:#2f70ab;}

.background {background-color:#2f70ab;}

.border {border:1px solid #2f70ab;}

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

#000102
```
#000102 rgb(0,1,2)
```
#050b11
```
#050b11 rgb(5,11,17)
```
#091521
```
#091521 rgb(9,21,33)
```
#0d1f30
```
#0d1f30 rgb(13,31,48)
```
#11293f
```
#11293f rgb(17,41,63)
```
#16344f
```
#16344f rgb(22,52,79)
```
#1a3e5e
```
#1a3e5e rgb(26,62,94)
```
#1e486d
```
#1e486d rgb(30,72,109)
```
#22527d
```
#22527d rgb(34,82,125)
```
#275c8c
```
#275c8c rgb(39,92,140)
```
#2b669c
```
#2b669c rgb(43,102,156)
```
#2f70ab
```
#2f70ab rgb(47,112,171)
```
#337aba
```
#337aba rgb(51,122,186)
```

Shade Color Variation

#3984c9
```
#3984c9 rgb(57,132,201)
```
#488ecd
```
#488ecd rgb(72,142,205)
```
#5797d1
```
#5797d1 rgb(87,151,209)
```
#67a1d5
```
#67a1d5 rgb(103,161,213)
```
#76aad9
```
#76aad9 rgb(118,170,217)
```
#86b4de
```
#86b4de rgb(134,180,222)
```
#95bde2
```
#95bde2 rgb(149,189,226)
```
#a4c7e6
```
#a4c7e6 rgb(164,199,230)
```
#b4d0ea
```
#b4d0ea rgb(180,208,234)
```
#c3daef
```
#c3daef rgb(195,218,239)
```
#d3e3f3
```
#d3e3f3 rgb(211,227,243)
```
#e2edf7
```
#e2edf7 rgb(226,237,247)
```
#f1f7fb
```
#f1f7fb rgb(241,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6d70 is the less saturated color, while #0572d5 is the most saturated one.

#6a6d70
```
#6a6d70 rgb(106,109,112)
```
#616e79
```
#616e79 rgb(97,110,121)
```
#596e81
```
#596e81 rgb(89,110,129)
```
#516e89
```
#516e89 rgb(81,110,137)
```
#486f92
```
#486f92 rgb(72,111,146)
```
#406f9a
```
#406f9a rgb(64,111,154)
```
#3770a3
```
#3770a3 rgb(55,112,163)
```
#2f70ab
```
#2f70ab rgb(47,112,171)
```
#2770b3
```
#2770b3 rgb(39,112,179)
```
#1e71bc
```
#1e71bc rgb(30,113,188)
```
#1671c4
```
#1671c4 rgb(22,113,196)
```
#0d72cd
```
#0d72cd rgb(13,114,205)
```
#0572d5
```
#0572d5 rgb(5,114,213)
```

Tone Color Variation

Below, you can see how #2f70ab 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

#636363 Achromatopsia 0.005% of the population
#596671 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e72ab Protanopia 1% of men
#4e74b0 Deuteranopia 1% of men
#007f88 Tritanopia 0.001% of the population

Trichromacy

#4c71ab Protanomaly 1% of men, 0.01% of women
#4372ae Deuteranomaly 6% of men, 0.4% of women
#117995 Tritanomaly 0.01% of the population

#2f70ab hex color

#2f70ab Color Information

#2f70ab Color Conversion

Color Schemes with #2f70ab

Alternatives to #2f70ab

#2f70ab Preview

Shades and Tints of #2f70ab

Tones of #2f70ab

Color Blindness Simulator