#2f70c0 hex color

In a RGB color space, hex #2f70c0 is composed of 18.4% red, 43.9% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 41.7% magenta, 0% yellow and 24.7% black. It has a hue angle of 213.1 degrees, a saturation of 60.7% and a lightness of 46.9%. #2f70c0 color hex could be obtained by blending #5ee0ff with #000081. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 44
- B 75
RGB color chart
- C 76
- M 42
- Y 0
- K 25
CMYK color chart

● #2f70c0 color description : Strong blue.

The hexadecimal color #2f70c0 has RGB values of R:47, G:112, B:192 and CMYK values of C:0.76, M:0.42, Y:0, K:0.25. Its decimal value is 3109056.

Hex triplet	2f70c0	`#2f70c0`
RGB Decimal	47, 112, 192	`rgb(47,112,192)`
RGB Percent	18.4, 43.9, 75.3	`rgb(18.4%,43.9%,75.3%)`
CMYK	76, 42, 0, 25
HSL	213.1°, 60.7, 46.9	`hsl(213.1,60.7%,46.9%)`
HSV (or HSB)	213.1°, 75.5, 75.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.971, 7.378, -47.846
XYZ	16.479, 15.997, 52.086
xyY	0.195, 0.189, 15.997
CIE-LCH	46.971, 48.412, 278.766
CIE-LUV	46.971, -23.277, -72.951
Hunter-Lab	39.996, 3.549, -49.213
Binary	00101111, 01110000, 11000000

#2f70c0
```
#2f70c0 rgb(47,112,192)
```
#c07f2f
```
#c07f2f rgb(192,127,47)
```

Complementary Color

#2fb9c0
```
#2fb9c0 rgb(47,185,192)
```
#2f70c0
```
#2f70c0 rgb(47,112,192)
```
#372fc0
```
#372fc0 rgb(55,47,192)
```

Analogous Color

#b9c02f
```
#b9c02f rgb(185,192,47)
```
#2f70c0
```
#2f70c0 rgb(47,112,192)
```
#c0372f
```
#c0372f rgb(192,55,47)
```

Split Complementary Color

#70c02f
```
#70c02f rgb(112,192,47)
```
#2f70c0
```
#2f70c0 rgb(47,112,192)
```
#c02f70
```
#c02f70 rgb(192,47,112)
```

Triadic Color

#2fc07f
```
#2fc07f rgb(47,192,127)
```
#2f70c0
```
#2f70c0 rgb(47,112,192)
```
#c02f70
```
#c02f70 rgb(192,47,112)
```
#c07f2f
```
#c07f2f rgb(192,127,47)
```

Tetradic Color

#204c83
```
#204c83 rgb(32,76,131)
```
#255897
```
#255897 rgb(37,88,151)
```
#2a64ac
```
#2a64ac rgb(42,100,172)
```
#2f70c0
```
#2f70c0 rgb(47,112,192)
```
#3a7dcf
```
#3a7dcf rgb(58,125,207)
```
#4e8ad4
```
#4e8ad4 rgb(78,138,212)
```
#6398d9
```
#6398d9 rgb(99,152,217)
```

Monochromatic Color

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

#2f94c0
```
#2f94c0 rgb(47,148,192)
```
#2f88c0
```
#2f88c0 rgb(47,136,192)
```
#2f7cc0
```
#2f7cc0 rgb(47,124,192)
```
#2f70c0
```
#2f70c0 rgb(47,112,192)
```
#2f64c0
```
#2f64c0 rgb(47,100,192)
```
#2f58c0
```
#2f58c0 rgb(47,88,192)
```
#2f4cc0
```
#2f4cc0 rgb(47,76,192)
```

Similar Colors

Text with hexadecimal color #2f70c0

This text has a font color of #2f70c0.

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

#2f70c0 background color

This paragraph has a background color of #2f70c0.

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

#2f70c0 border color

This element has a border color of #2f70c0.

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

CSS codes

.text {color:#2f70c0;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050b13
```
#050b13 rgb(5,11,19)
```
#081422
```
#081422 rgb(8,20,34)
```
#0c1d32
```
#0c1d32 rgb(12,29,50)
```
#102642
```
#102642 rgb(16,38,66)
```
#143052
```
#143052 rgb(20,48,82)
```
#183961
```
#183961 rgb(24,57,97)
```
#1c4271
```
#1c4271 rgb(28,66,113)
```
#204b81
```
#204b81 rgb(32,75,129)
```
#235491
```
#235491 rgb(35,84,145)
```
#275ea0
```
#275ea0 rgb(39,94,160)
```
#2b67b0
```
#2b67b0 rgb(43,103,176)
```
#2f70c0
```
#2f70c0 rgb(47,112,192)
```

Shade Color Variation

#3579ce
```
#3579ce rgb(53,121,206)
```
#4584d1
```
#4584d1 rgb(69,132,209)
```
#558ed5
```
#558ed5 rgb(85,142,213)
```
#6499d9
```
#6499d9 rgb(100,153,217)
```
#74a3dd
```
#74a3dd rgb(116,163,221)
```
#84aee1
```
#84aee1 rgb(132,174,225)
```
#94b8e5
```
#94b8e5 rgb(148,184,229)
```
#a3c2e9
```
#a3c2e9 rgb(163,194,233)
```
#b3cdec
```
#b3cdec rgb(179,205,236)
```
#c3d7f0
```
#c3d7f0 rgb(195,215,240)
```
#d3e2f4
```
#d3e2f4 rgb(211,226,244)
```
#e2ecf8
```
#e2ecf8 rgb(226,236,248)
```
#f2f6fc
```
#f2f6fc rgb(242,246,252)
```

Tint Color Variation

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

#6f7780
```
#6f7780 rgb(111,119,128)
```
#667689
```
#667689 rgb(102,118,137)
```
#5d7592
```
#5d7592 rgb(93,117,146)
```
#54749b
```
#54749b rgb(84,116,155)
```
#4b73a4
```
#4b73a4 rgb(75,115,164)
```
#4172ae
```
#4172ae rgb(65,114,174)
```
#3871b7
```
#3871b7 rgb(56,113,183)
```
#2f70c0
```
#2f70c0 rgb(47,112,192)
```
#266fc9
```
#266fc9 rgb(38,111,201)
```
#1d6ed2
```
#1d6ed2 rgb(29,110,210)
```
#136ddc
```
#136ddc rgb(19,109,220)
```
#0a6ce5
```
#0a6ce5 rgb(10,108,229)
```
#016bee
```
#016bee rgb(1,107,238)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5b6878 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5274c0 Protanopia 1% of men
#3378c2 Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#4572c0 Protanomaly 1% of men, 0.01% of women
#3175c1 Deuteranomaly 6% of men, 0.4% of women
#117b9e Tritanomaly 0.01% of the population

#2f70c0 hex color

#2f70c0 Color Information

#2f70c0 Color Conversion

Color Schemes with #2f70c0

Alternatives to #2f70c0

#2f70c0 Preview

Shades and Tints of #2f70c0

Tones of #2f70c0

Color Blindness Simulator