#2870bd hex color

In a RGB color space, hex #2870bd is composed of 15.7% red, 43.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 40.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 211 degrees, a saturation of 65.1% and a lightness of 44.9%. #2870bd color hex could be obtained by blending #50e0ff with #00007b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 44
- B 74
RGB color chart
- C 79
- M 41
- Y 0
- K 26
CMYK color chart

● #2870bd color description : Strong blue.

The hexadecimal color #2870bd has RGB values of R:40, G:112, B:189 and CMYK values of C:0.79, M:0.41, Y:0, K:0.26. Its decimal value is 2650301.

Hex triplet	2870bd	`#2870bd`
RGB Decimal	40, 112, 189	`rgb(40,112,189)`
RGB Percent	15.7, 43.9, 74.1	`rgb(15.7%,43.9%,74.1%)`
CMYK	79, 41, 0, 26
HSL	211°, 65.1, 44.9	`hsl(211,65.1%,44.9%)`
HSV (or HSB)	211°, 78.8, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.595, 5.421, -46.726
XYZ	15.852, 15.712, 50.339
xyY	0.194, 0.192, 15.712
CIE-LCH	46.595, 47.039, 276.618
CIE-LUV	46.595, -24.424, -70.902
Hunter-Lab	39.639, 2.018, -47.547
Binary	00101000, 01110000, 10111101

#2870bd
```
#2870bd rgb(40,112,189)
```
#bd7528
```
#bd7528 rgb(189,117,40)
```

Complementary Color

#28bbbd
```
#28bbbd rgb(40,187,189)
```
#2870bd
```
#2870bd rgb(40,112,189)
```
#2b28bd
```
#2b28bd rgb(43,40,189)
```

Analogous Color

#bbbd28
```
#bbbd28 rgb(187,189,40)
```
#2870bd
```
#2870bd rgb(40,112,189)
```
#bd2b28
```
#bd2b28 rgb(189,43,40)
```

Split Complementary Color

#70bd28
```
#70bd28 rgb(112,189,40)
```
#2870bd
```
#2870bd rgb(40,112,189)
```
#bd2870
```
#bd2870 rgb(189,40,112)
```

Triadic Color

#28bd75
```
#28bd75 rgb(40,189,117)
```
#2870bd
```
#2870bd rgb(40,112,189)
```
#bd2870
```
#bd2870 rgb(189,40,112)
```
#bd7528
```
#bd7528 rgb(189,117,40)
```

Tetradic Color

#1b4b7e
```
#1b4b7e rgb(27,75,126)
```
#1f5793
```
#1f5793 rgb(31,87,147)
```
#2464a8
```
#2464a8 rgb(36,100,168)
```
#2870bd
```
#2870bd rgb(40,112,189)
```
#2c7cd2
```
#2c7cd2 rgb(44,124,210)
```
#4189d7
```
#4189d7 rgb(65,137,215)
```
#5697db
```
#5697db rgb(86,151,219)
```

Monochromatic Color

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

#2895bd
```
#2895bd rgb(40,149,189)
```
#2889bd
```
#2889bd rgb(40,137,189)
```
#287cbd
```
#287cbd rgb(40,124,189)
```
#2870bd
```
#2870bd rgb(40,112,189)
```
#2864bd
```
#2864bd rgb(40,100,189)
```
#2857bd
```
#2857bd rgb(40,87,189)
```
#284bbd
```
#284bbd rgb(40,75,189)
```

Similar Colors

Text with hexadecimal color #2870bd

This text has a font color of #2870bd.

<span style="color:#2870bd;">Text here</span>

#2870bd background color

This paragraph has a background color of #2870bd.

<p style="background-color:#2870bd;">Content here</p>

#2870bd border color

This element has a border color of #2870bd.

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

CSS codes

.text {color:#2870bd;}

.background {background-color:#2870bd;}

.border {border:1px solid #2870bd;}

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, #02060b is the darkest color, while #fafcfe is the lightest one.

#02060b
```
#02060b rgb(2,6,11)
```
#06101b
```
#06101b rgb(6,16,27)
```
#091a2b
```
#091a2b rgb(9,26,43)
```
#0d233b
```
#0d233b rgb(13,35,59)
```
#102d4c
```
#102d4c rgb(16,45,76)
```
#13365c
```
#13365c rgb(19,54,92)
```
#17406c
```
#17406c rgb(23,64,108)
```
#1a4a7c
```
#1a4a7c rgb(26,74,124)
```
#1e538c
```
#1e538c rgb(30,83,140)
```
#215d9d
```
#215d9d rgb(33,93,157)
```
#2566ad
```
#2566ad rgb(37,102,173)
```
#2870bd
```
#2870bd rgb(40,112,189)
```
#2b7acd
```
#2b7acd rgb(43,122,205)
```

Shade Color Variation

#3783d5
```
#3783d5 rgb(55,131,213)
```
#488dd8
```
#488dd8 rgb(72,141,216)
```
#5898dc
```
#5898dc rgb(88,152,220)
```
#68a2df
```
#68a2df rgb(104,162,223)
```
#78ace2
```
#78ace2 rgb(120,172,226)
```
#88b6e6
```
#88b6e6 rgb(136,182,230)
```
#99c0e9
```
#99c0e9 rgb(153,192,233)
```
#a9caed
```
#a9caed rgb(169,202,237)
```
#b9d4f0
```
#b9d4f0 rgb(185,212,240)
```
#c9def4
```
#c9def4 rgb(201,222,244)
```
#d9e8f7
```
#d9e8f7 rgb(217,232,247)
```
#eaf2fa
```
#eaf2fa rgb(234,242,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#6e7277
```
#6e7277 rgb(110,114,119)
```
#66727f
```
#66727f rgb(102,114,127)
```
#5d7288
```
#5d7288 rgb(93,114,136)
```
#547191
```
#547191 rgb(84,113,145)
```
#4b719a
```
#4b719a rgb(75,113,154)
```
#4271a3
```
#4271a3 rgb(66,113,163)
```
#3a71ab
```
#3a71ab rgb(58,113,171)
```
#3170b4
```
#3170b4 rgb(49,112,180)
```
#2870bd
```
#2870bd rgb(40,112,189)
```
#1f70c6
```
#1f70c6 rgb(31,112,198)
```
#166fcf
```
#166fcf rgb(22,111,207)
```
#0e6fd7
```
#0e6fd7 rgb(14,111,215)
```
#056fe0
```
#056fe0 rgb(5,111,224)
```

Tone Color Variation

Below, you can see how #2870bd 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
#576675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5473bd Protanopia 1% of men
#3577c0 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#4472bd Protanomaly 1% of men, 0.01% of women
#3074bf Deuteranomaly 6% of men, 0.4% of women
#0e7b9c Tritanomaly 0.01% of the population

#2870bd hex color

#2870bd Color Information

#2870bd Color Conversion

Color Schemes with #2870bd

Alternatives to #2870bd

#2870bd Preview

Shades and Tints of #2870bd

Tones of #2870bd

Color Blindness Simulator