#2874bb hex color

In a RGB color space, hex #2874bb is composed of 15.7% red, 45.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 38% magenta, 0% yellow and 26.7% black. It has a hue angle of 209 degrees, a saturation of 64.8% and a lightness of 44.5%. #2874bb color hex could be obtained by blending #50e8ff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 45
- B 73
RGB color chart
- C 79
- M 38
- Y 0
- K 27
CMYK color chart

● #2874bb color description : Strong blue.

The hexadecimal color #2874bb has RGB values of R:40, G:116, B:187 and CMYK values of C:0.79, M:0.38, Y:0, K:0.27. Its decimal value is 2651323.

Hex triplet	2874bb	`#2874bb`
RGB Decimal	40, 116, 187	`rgb(40,116,187)`
RGB Percent	15.7, 45.5, 73.3	`rgb(15.7%,45.5%,73.3%)`
CMYK	79, 38, 0, 27
HSL	209°, 64.8, 44.5	`hsl(209,64.8%,44.5%)`
HSV (or HSB)	209°, 78.6, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.66, 2.185, -43.873
XYZ	16.088, 16.528, 49.353
xyY	0.196, 0.202, 16.528
CIE-LCH	47.66, 43.927, 272.851
CIE-LUV	47.66, -25.82, -66.508
Hunter-Lab	40.655, -0.511, -43.517
Binary	00101000, 01110100, 10111011

#2874bb
```
#2874bb rgb(40,116,187)
```
#bb6f28
```
#bb6f28 rgb(187,111,40)
```

Complementary Color

#28bbb9
```
#28bbb9 rgb(40,187,185)
```
#2874bb
```
#2874bb rgb(40,116,187)
```
#282abb
```
#282abb rgb(40,42,187)
```

Analogous Color

#bbb928
```
#bbb928 rgb(187,185,40)
```
#2874bb
```
#2874bb rgb(40,116,187)
```
#bb282a
```
#bb282a rgb(187,40,42)
```

Split Complementary Color

#74bb28
```
#74bb28 rgb(116,187,40)
```
#2874bb
```
#2874bb rgb(40,116,187)
```
#bb2874
```
#bb2874 rgb(187,40,116)
```

Triadic Color

#28bb6f
```
#28bb6f rgb(40,187,111)
```
#2874bb
```
#2874bb rgb(40,116,187)
```
#bb2874
```
#bb2874 rgb(187,40,116)
```
#bb6f28
```
#bb6f28 rgb(187,111,40)
```

Tetradic Color

#1b4d7c
```
#1b4d7c rgb(27,77,124)
```
#1f5a91
```
#1f5a91 rgb(31,90,145)
```
#2467a6
```
#2467a6 rgb(36,103,166)
```
#2874bb
```
#2874bb rgb(40,116,187)
```
#2c81d0
```
#2c81d0 rgb(44,129,208)
```
#408ed6
```
#408ed6 rgb(64,142,214)
```
#559adb
```
#559adb rgb(85,154,219)
```

Monochromatic Color

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

#2899bb
```
#2899bb rgb(40,153,187)
```
#288dbb
```
#288dbb rgb(40,141,187)
```
#2880bb
```
#2880bb rgb(40,128,187)
```
#2874bb
```
#2874bb rgb(40,116,187)
```
#2868bb
```
#2868bb rgb(40,104,187)
```
#285cbb
```
#285cbb rgb(40,92,187)
```
#284fbb
```
#284fbb rgb(40,79,187)
```

Similar Colors

Text with hexadecimal color #2874bb

This text has a font color of #2874bb.

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

#2874bb background color

This paragraph has a background color of #2874bb.

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

#2874bb border color

This element has a border color of #2874bb.

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

CSS codes

.text {color:#2874bb;}

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

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

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

#020609
```
#020609 rgb(2,6,9)
```
#051019
```
#051019 rgb(5,16,25)
```
#091a2a
```
#091a2a rgb(9,26,42)
```
#0c243a
```
#0c243a rgb(12,36,58)
```
#102e4a
```
#102e4a rgb(16,46,74)
```
#13385a
```
#13385a rgb(19,56,90)
```
#17426a
```
#17426a rgb(23,66,106)
```
#1a4c7a
```
#1a4c7a rgb(26,76,122)
```
#1e568b
```
#1e568b rgb(30,86,139)
```
#21609b
```
#21609b rgb(33,96,155)
```
#256aab
```
#256aab rgb(37,106,171)
```
#2874bb
```
#2874bb rgb(40,116,187)
```
#2b7ecb
```
#2b7ecb rgb(43,126,203)
```

Shade Color Variation

#3688d4
```
#3688d4 rgb(54,136,212)
```
#4691d8
```
#4691d8 rgb(70,145,216)
```
#579bdb
```
#579bdb rgb(87,155,219)
```
#67a5de
```
#67a5de rgb(103,165,222)
```
#77aee2
```
#77aee2 rgb(119,174,226)
```
#87b8e5
```
#87b8e5 rgb(135,184,229)
```
#97c1e9
```
#97c1e9 rgb(151,193,233)
```
#a7cbec
```
#a7cbec rgb(167,203,236)
```
#b7d5f0
```
#b7d5f0 rgb(183,213,240)
```
#c8def3
```
#c8def3 rgb(200,222,243)
```
#d8e8f7
```
#d8e8f7 rgb(216,232,247)
```
#e8f1fa
```
#e8f1fa rgb(232,241,250)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#6e7275
```
#6e7275 rgb(110,114,117)
```
#65727e
```
#65727e rgb(101,114,126)
```
#5c7287
```
#5c7287 rgb(92,114,135)
```
#54738f
```
#54738f rgb(84,115,143)
```
#4b7398
```
#4b7398 rgb(75,115,152)
```
#4273a1
```
#4273a1 rgb(66,115,161)
```
#3973aa
```
#3973aa rgb(57,115,170)
```
#3174b2
```
#3174b2 rgb(49,116,178)
```
#2874bb
```
#2874bb rgb(40,116,187)
```
#1f74c4
```
#1f74c4 rgb(31,116,196)
```
#1775cc
```
#1775cc rgb(23,117,204)
```
#0e75d5
```
#0e75d5 rgb(14,117,213)
```
#0575de
```
#0575de rgb(5,117,222)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#596876 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b76ba Protanopia 1% of men
#4379bf Deuteranopia 1% of men
#00848d Tritanopia 0.001% of the population

Trichromacy

#4875ba Protanomaly 1% of men, 0.01% of women
#3977bd Deuteranomaly 6% of men, 0.4% of women
#0e7e9d Tritanomaly 0.01% of the population

#2874bb hex color

#2874bb Color Information

#2874bb Color Conversion

Color Schemes with #2874bb

Alternatives to #2874bb

#2874bb Preview

Shades and Tints of #2874bb

Tones of #2874bb

Color Blindness Simulator