#2986b3 hex color

In a RGB color space, hex #2986b3 is composed of 16.1% red, 52.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 25.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 199.6 degrees, a saturation of 62.7% and a lightness of 43.1%. #2986b3 color hex could be obtained by blending #52ffff with #000d67. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 53
- B 70
RGB color chart
- C 77
- M 25
- Y 0
- K 30
CMYK color chart

● #2986b3 color description : Strong blue.

The hexadecimal color #2986b3 has RGB values of R:41, G:134, B:179 and CMYK values of C:0.77, M:0.25, Y:0, K:0.3. Its decimal value is 2721459.

Hex triplet	2986b3	`#2986b3`
RGB Decimal	41, 134, 179	`rgb(41,134,179)`
RGB Percent	16.1, 52.5, 70.2	`rgb(16.1%,52.5%,70.2%)`
CMYK	77, 25, 0, 30
HSL	199.6°, 62.7, 43.1	`hsl(199.6,62.7%,43.1%)`
HSV (or HSB)	199.6°, 77.1, 70.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.702, -11.28, -31.324
XYZ	17.574, 20.775, 45.729
xyY	0.209, 0.247, 20.775
CIE-LCH	52.702, 33.293, 250.195
CIE-LUV	52.702, -32.278, -46.202
Hunter-Lab	45.579, -10.939, -27.579
Binary	00101001, 10000110, 10110011

#2986b3
```
#2986b3 rgb(41,134,179)
```
#b35629
```
#b35629 rgb(179,86,41)
```

Complementary Color

#29b39b
```
#29b39b rgb(41,179,155)
```
#2986b3
```
#2986b3 rgb(41,134,179)
```
#2941b3
```
#2941b3 rgb(41,65,179)
```

Analogous Color

#b39b29
```
#b39b29 rgb(179,155,41)
```
#2986b3
```
#2986b3 rgb(41,134,179)
```
#b32941
```
#b32941 rgb(179,41,65)
```

Split Complementary Color

#86b329
```
#86b329 rgb(134,179,41)
```
#2986b3
```
#2986b3 rgb(41,134,179)
```
#b32986
```
#b32986 rgb(179,41,134)
```

Triadic Color

#29b356
```
#29b356 rgb(41,179,86)
```
#2986b3
```
#2986b3 rgb(41,134,179)
```
#b32986
```
#b32986 rgb(179,41,134)
```
#b35629
```
#b35629 rgb(179,86,41)
```

Tetradic Color

#1b5775
```
#1b5775 rgb(27,87,117)
```
#1f678a
```
#1f678a rgb(31,103,138)
```
#24769e
```
#24769e rgb(36,118,158)
```
#2986b3
```
#2986b3 rgb(41,134,179)
```
#2e96c8
```
#2e96c8 rgb(46,150,200)
```
#3da2d2
```
#3da2d2 rgb(61,162,210)
```
#51acd7
```
#51acd7 rgb(81,172,215)
```

Monochromatic Color

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

#29a9b3
```
#29a9b3 rgb(41,169,179)
```
#299db3
```
#299db3 rgb(41,157,179)
```
#2992b3
```
#2992b3 rgb(41,146,179)
```
#2986b3
```
#2986b3 rgb(41,134,179)
```
#297bb3
```
#297bb3 rgb(41,123,179)
```
#296fb3
```
#296fb3 rgb(41,111,179)
```
#2964b3
```
#2964b3 rgb(41,100,179)
```

Similar Colors

Text with hexadecimal color #2986b3

This text has a font color of #2986b3.

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

#2986b3 background color

This paragraph has a background color of #2986b3.

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

#2986b3 border color

This element has a border color of #2986b3.

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

CSS codes

.text {color:#2986b3;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#040f13
```
#040f13 rgb(4,15,19)
```
#081a23
```
#081a23 rgb(8,26,35)
```
#0c2633
```
#0c2633 rgb(12,38,51)
```
#0f3243
```
#0f3243 rgb(15,50,67)
```
#133e53
```
#133e53 rgb(19,62,83)
```
#174a63
```
#174a63 rgb(23,74,99)
```
#1a5673
```
#1a5673 rgb(26,86,115)
```
#1e6283
```
#1e6283 rgb(30,98,131)
```
#226e93
```
#226e93 rgb(34,110,147)
```
#257aa3
```
#257aa3 rgb(37,122,163)
```
#2986b3
```
#2986b3 rgb(41,134,179)
```
#2d92c3
```
#2d92c3 rgb(45,146,195)
```

Shade Color Variation

#339dd0
```
#339dd0 rgb(51,157,208)
```
#43a5d4
```
#43a5d4 rgb(67,165,212)
```
#53acd8
```
#53acd8 rgb(83,172,216)
```
#63b4db
```
#63b4db rgb(99,180,219)
```
#73bcdf
```
#73bcdf rgb(115,188,223)
```
#83c3e3
```
#83c3e3 rgb(131,195,227)
```
#93cbe6
```
#93cbe6 rgb(147,203,230)
```
#a3d3ea
```
#a3d3ea rgb(163,211,234)
```
#b3daee
```
#b3daee rgb(179,218,238)
```
#c3e2f1
```
#c3e2f1 rgb(195,226,241)
```
#d3eaf5
```
#d3eaf5 rgb(211,234,245)
```
#e3f1f8
```
#e3f1f8 rgb(227,241,248)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

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

#6d6e6f
```
#6d6e6f rgb(109,110,111)
```
#647178
```
#647178 rgb(100,113,120)
```
#5c7480
```
#5c7480 rgb(92,116,128)
```
#537789
```
#537789 rgb(83,119,137)
```
#4b7a91
```
#4b7a91 rgb(75,122,145)
```
#427d9a
```
#427d9a rgb(66,125,154)
```
#3a80a2
```
#3a80a2 rgb(58,128,162)
```
#3183ab
```
#3183ab rgb(49,131,171)
```
#2986b3
```
#2986b3 rgb(41,134,179)
```
#2189bb
```
#2189bb rgb(33,137,187)
```
#188cc4
```
#188cc4 rgb(24,140,196)
```
#108fcc
```
#108fcc rgb(16,143,204)
```
#0792d5
```
#0792d5 rgb(7,146,213)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#61747d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7682b0 Protanopia 1% of men
#6c83ba Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#5a84b1 Protanomaly 1% of men, 0.01% of women
#5484b7 Deuteranomaly 6% of men, 0.4% of women
#0e8da4 Tritanomaly 0.01% of the population

#2986b3 hex color

#2986b3 Color Information

#2986b3 Color Conversion

Color Schemes with #2986b3

Alternatives to #2986b3

#2986b3 Preview

Shades and Tints of #2986b3

Tones of #2986b3

Color Blindness Simulator