#2874c9 hex color

In a RGB color space, hex #2874c9 is composed of 15.7% red, 45.5% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 42.3% magenta, 0% yellow and 21.2% black. It has a hue angle of 211.7 degrees, a saturation of 66.8% and a lightness of 47.3%. #2874c9 color hex could be obtained by blending #50e8ff with #000093. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 45
- B 79
RGB color chart
- C 80
- M 42
- Y 0
- K 21
CMYK color chart

● #2874c9 color description : Strong blue.

The hexadecimal color #2874c9 has RGB values of R:40, G:116, B:201 and CMYK values of C:0.8, M:0.42, Y:0, K:0.21. Its decimal value is 2651337.

Hex triplet	2874c9	`#2874c9`
RGB Decimal	40, 116, 201	`rgb(40,116,201)`
RGB Percent	15.7, 45.5, 78.8	`rgb(15.7%,45.5%,78.8%)`
CMYK	80, 42, 0, 21
HSL	211.7°, 66.8, 47.3	`hsl(211.7,66.8%,47.3%)`
HSV (or HSB)	211.7°, 80.1, 78.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.458, 7.48, -50.652
XYZ	17.661, 17.157, 57.636
xyY	0.191, 0.186, 17.157
CIE-LCH	48.458, 51.201, 278.401
CIE-LUV	48.458, -25.281, -77.863
Hunter-Lab	41.422, 3.618, -53.504
Binary	00101000, 01110100, 11001001

#2874c9
```
#2874c9 rgb(40,116,201)
```
#c97d28
```
#c97d28 rgb(201,125,40)
```

Complementary Color

#28c5c9
```
#28c5c9 rgb(40,197,201)
```
#2874c9
```
#2874c9 rgb(40,116,201)
```
#2d28c9
```
#2d28c9 rgb(45,40,201)
```

Analogous Color

#c5c928
```
#c5c928 rgb(197,201,40)
```
#2874c9
```
#2874c9 rgb(40,116,201)
```
#c92d28
```
#c92d28 rgb(201,45,40)
```

Split Complementary Color

#74c928
```
#74c928 rgb(116,201,40)
```
#2874c9
```
#2874c9 rgb(40,116,201)
```
#c92874
```
#c92874 rgb(201,40,116)
```

Triadic Color

#28c97d
```
#28c97d rgb(40,201,125)
```
#2874c9
```
#2874c9 rgb(40,116,201)
```
#c92874
```
#c92874 rgb(201,40,116)
```
#c97d28
```
#c97d28 rgb(201,125,40)
```

Tetradic Color

#1b4f89
```
#1b4f89 rgb(27,79,137)
```
#205b9e
```
#205b9e rgb(32,91,158)
```
#2468b4
```
#2468b4 rgb(36,104,180)
```
#2874c9
```
#2874c9 rgb(40,116,201)
```
#3481d7
```
#3481d7 rgb(52,129,215)
```
#498edb
```
#498edb rgb(73,142,219)
```
#5e9bdf
```
#5e9bdf rgb(94,155,223)
```

Monochromatic Color

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

#289cc9
```
#289cc9 rgb(40,156,201)
```
#288fc9
```
#288fc9 rgb(40,143,201)
```
#2881c9
```
#2881c9 rgb(40,129,201)
```
#2874c9
```
#2874c9 rgb(40,116,201)
```
#2867c9
```
#2867c9 rgb(40,103,201)
```
#2859c9
```
#2859c9 rgb(40,89,201)
```
#284cc9
```
#284cc9 rgb(40,76,201)
```

Similar Colors

Text with hexadecimal color #2874c9

This text has a font color of #2874c9.

<span style="color:#2874c9;">Text here</span>

#2874c9 background color

This paragraph has a background color of #2874c9.

<p style="background-color:#2874c9;">Content here</p>

#2874c9 border color

This element has a border color of #2874c9.

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

CSS codes

.text {color:#2874c9;}

.background {background-color:#2874c9;}

.border {border:1px solid #2874c9;}

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

#010305
```
#010305 rgb(1,3,5)
```
#040c15
```
#040c15 rgb(4,12,21)
```
#071625
```
#071625 rgb(7,22,37)
```
#0b1f36
```
#0b1f36 rgb(11,31,54)
```
#0e2846
```
#0e2846 rgb(14,40,70)
```
#113256
```
#113256 rgb(17,50,86)
```
#143b67
```
#143b67 rgb(20,59,103)
```
#184577
```
#184577 rgb(24,69,119)
```
#1b4e88
```
#1b4e88 rgb(27,78,136)
```
#1e5898
```
#1e5898 rgb(30,88,152)
```
#2161a8
```
#2161a8 rgb(33,97,168)
```
#256bb9
```
#256bb9 rgb(37,107,185)
```
#2874c9
```
#2874c9 rgb(40,116,201)
```

Shade Color Variation

#2f7ed6
```
#2f7ed6 rgb(47,126,214)
```
#3f88d9
```
#3f88d9 rgb(63,136,217)
```
#5092dc
```
#5092dc rgb(80,146,220)
```
#609cdf
```
#609cdf rgb(96,156,223)
```
#70a6e3
```
#70a6e3 rgb(112,166,227)
```
#81b1e6
```
#81b1e6 rgb(129,177,230)
```
#91bbe9
```
#91bbe9 rgb(145,187,233)
```
#a2c5ec
```
#a2c5ec rgb(162,197,236)
```
#b2cff0
```
#b2cff0 rgb(178,207,240)
```
#c2d9f3
```
#c2d9f3 rgb(194,217,243)
```
#d3e3f6
```
#d3e3f6 rgb(211,227,246)
```
#e3eef9
```
#e3eef9 rgb(227,238,249)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #72787f is the less saturated color, while #0372ee is the most saturated one.

#72787f
```
#72787f rgb(114,120,127)
```
#697888
```
#697888 rgb(105,120,136)
```
#607791
```
#607791 rgb(96,119,145)
```
#56779b
```
#56779b rgb(86,119,155)
```
#4d76a4
```
#4d76a4 rgb(77,118,164)
```
#4476ad
```
#4476ad rgb(68,118,173)
```
#3b75b6
```
#3b75b6 rgb(59,117,182)
```
#3175c0
```
#3175c0 rgb(49,117,192)
```
#2874c9
```
#2874c9 rgb(40,116,201)
```
#1f73d2
```
#1f73d2 rgb(31,115,210)
```
#1573dc
```
#1573dc rgb(21,115,220)
```
#0c72e5
```
#0c72e5 rgb(12,114,229)
```
#0372ee
```
#0372ee rgb(3,114,238)
```

Tone Color Variation

Below, you can see how #2874c9 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

#676767 Achromatopsia 0.005% of the population
#5a6a7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5377c8 Protanopia 1% of men
#2a7bcb Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#4376c8 Protanomaly 1% of men, 0.01% of women
#2979ca Deuteranomaly 6% of men, 0.4% of women
#0e7fa4 Tritanomaly 0.01% of the population

#2874c9 hex color

#2874c9 Color Information

#2874c9 Color Conversion

Color Schemes with #2874c9

Alternatives to #2874c9

#2874c9 Preview

Shades and Tints of #2874c9

Tones of #2874c9

Color Blindness Simulator