#2986bb hex color

In a RGB color space, hex #2986bb is composed of 16.1% red, 52.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 28.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 201.8 degrees, a saturation of 64% and a lightness of 44.7%. #2986bb color hex could be obtained by blending #52ffff with #000d77. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 53
- B 73
RGB color chart
- C 78
- M 28
- Y 0
- K 27
CMYK color chart

● #2986bb color description : Strong blue.

The hexadecimal color #2986bb has RGB values of R:41, G:134, B:187 and CMYK values of C:0.78, M:0.28, Y:0, K:0.27. Its decimal value is 2721467.

Hex triplet	2986bb	`#2986bb`
RGB Decimal	41, 134, 187	`rgb(41,134,187)`
RGB Percent	16.1, 52.5, 73.3	`rgb(16.1%,52.5%,73.3%)`
CMYK	78, 28, 0, 27
HSL	201.8°, 64, 44.7	`hsl(201.8,64%,44.7%)`
HSV (or HSB)	201.8°, 78.1, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.067, -8.425, -35.337
XYZ	18.407, 21.108, 50.115
xyY	0.205, 0.236, 21.108
CIE-LCH	53.067, 36.327, 256.591
CIE-LUV	53.067, -31.835, -53.081
Hunter-Lab	45.943, -8.886, -32.513
Binary	00101001, 10000110, 10111011

#2986bb
```
#2986bb rgb(41,134,187)
```
#bb5e29
```
#bb5e29 rgb(187,94,41)
```

Complementary Color

#29bba7
```
#29bba7 rgb(41,187,167)
```
#2986bb
```
#2986bb rgb(41,134,187)
```
#293dbb
```
#293dbb rgb(41,61,187)
```

Analogous Color

#bba729
```
#bba729 rgb(187,167,41)
```
#2986bb
```
#2986bb rgb(41,134,187)
```
#bb293d
```
#bb293d rgb(187,41,61)
```

Split Complementary Color

#86bb29
```
#86bb29 rgb(134,187,41)
```
#2986bb
```
#2986bb rgb(41,134,187)
```
#bb2986
```
#bb2986 rgb(187,41,134)
```

Triadic Color

#29bb5e
```
#29bb5e rgb(41,187,94)
```
#2986bb
```
#2986bb rgb(41,134,187)
```
#bb2986
```
#bb2986 rgb(187,41,134)
```
#bb5e29
```
#bb5e29 rgb(187,94,41)
```

Tetradic Color

#1b597c
```
#1b597c rgb(27,89,124)
```
#206891
```
#206891 rgb(32,104,145)
```
#2477a6
```
#2477a6 rgb(36,119,166)
```
#2986bb
```
#2986bb rgb(41,134,187)
```
#2e95d0
```
#2e95d0 rgb(46,149,208)
```
#42a0d5
```
#42a0d5 rgb(66,160,213)
```
#56aada
```
#56aada rgb(86,170,218)
```

Monochromatic Color

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

#29abbb
```
#29abbb rgb(41,171,187)
```
#299ebb
```
#299ebb rgb(41,158,187)
```
#2992bb
```
#2992bb rgb(41,146,187)
```
#2986bb
```
#2986bb rgb(41,134,187)
```
#297abb
```
#297abb rgb(41,122,187)
```
#296ebb
```
#296ebb rgb(41,110,187)
```
#2961bb
```
#2961bb rgb(41,97,187)
```

Similar Colors

Text with hexadecimal color #2986bb

This text has a font color of #2986bb.

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

#2986bb background color

This paragraph has a background color of #2986bb.

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

#2986bb border color

This element has a border color of #2986bb.

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

CSS codes

.text {color:#2986bb;}

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

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

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, #02070a is the darkest color, while #f9fcfe is the lightest one.

#02070a
```
#02070a rgb(2,7,10)
```
#06131a
```
#06131a rgb(6,19,26)
```
#091e2a
```
#091e2a rgb(9,30,42)
```
#0d2a3a
```
#0d2a3a rgb(13,42,58)
```
#10354a
```
#10354a rgb(16,53,74)
```
#14415a
```
#14415a rgb(20,65,90)
```
#174c6b
```
#174c6b rgb(23,76,107)
```
#1b587b
```
#1b587b rgb(27,88,123)
```
#1e638b
```
#1e638b rgb(30,99,139)
```
#226f9b
```
#226f9b rgb(34,111,155)
```
#257aab
```
#257aab rgb(37,122,171)
```
#2986bb
```
#2986bb rgb(41,134,187)
```
#2d92cb
```
#2d92cb rgb(45,146,203)
```

Shade Color Variation

#389bd3
```
#389bd3 rgb(56,155,211)
```
#48a3d7
```
#48a3d7 rgb(72,163,215)
```
#58abda
```
#58abda rgb(88,171,218)
```
#68b3de
```
#68b3de rgb(104,179,222)
```
#78bbe1
```
#78bbe1 rgb(120,187,225)
```
#88c3e5
```
#88c3e5 rgb(136,195,229)
```
#98cbe9
```
#98cbe9 rgb(152,203,233)
```
#a9d4ec
```
#a9d4ec rgb(169,212,236)
```
#b9dcf0
```
#b9dcf0 rgb(185,220,240)
```
#c9e4f3
```
#c9e4f3 rgb(201,228,243)
```
#d9ecf7
```
#d9ecf7 rgb(217,236,247)
```
#e9f4fa
```
#e9f4fa rgb(233,244,250)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#6f7375
```
#6f7375 rgb(111,115,117)
```
#66757e
```
#66757e rgb(102,117,126)
```
#5e7886
```
#5e7886 rgb(94,120,134)
```
#557a8f
```
#557a8f rgb(85,122,143)
```
#4c7c98
```
#4c7c98 rgb(76,124,152)
```
#437fa1
```
#437fa1 rgb(67,127,161)
```
#3b81a9
```
#3b81a9 rgb(59,129,169)
```
#3284b2
```
#3284b2 rgb(50,132,178)
```
#2986bb
```
#2986bb rgb(41,134,187)
```
#2088c4
```
#2088c4 rgb(32,136,196)
```
#178bcd
```
#178bcd rgb(23,139,205)
```
#0f8dd5
```
#0f8dd5 rgb(15,141,213)
```
#0690de
```
#0690de rgb(6,144,222)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#62747f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7383b8 Protanopia 1% of men
#6684c1 Deuteranopia 1% of men
#00929c Tritanopia 0.001% of the population

Trichromacy

#5884b9 Protanomaly 1% of men, 0.01% of women
#5085bf Deuteranomaly 6% of men, 0.4% of women
#0e8da7 Tritanomaly 0.01% of the population

#2986bb hex color

#2986bb Color Information

#2986bb Color Conversion

Color Schemes with #2986bb

Alternatives to #2986bb

#2986bb Preview

Shades and Tints of #2986bb

Tones of #2986bb

Color Blindness Simulator