#2986c4 hex color

In a RGB color space, hex #2986c4 is composed of 16.1% red, 52.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 31.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 204 degrees, a saturation of 65.4% and a lightness of 46.5%. #2986c4 color hex could be obtained by blending #52ffff with #000d89. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 53
- B 77
RGB color chart
- C 79
- M 32
- Y 0
- K 23
CMYK color chart

● #2986c4 color description : Strong blue.

The hexadecimal color #2986c4 has RGB values of R:41, G:134, B:196 and CMYK values of C:0.79, M:0.32, Y:0, K:0.23. Its decimal value is 2721476.

Hex triplet	2986c4	`#2986c4`
RGB Decimal	41, 134, 196	`rgb(41,134,196)`
RGB Percent	16.1, 52.5, 76.9	`rgb(16.1%,52.5%,76.9%)`
CMYK	79, 32, 0, 23
HSL	204°, 65.4, 46.5	`hsl(204,65.4%,46.5%)`
HSV (or HSB)	204°, 79.1, 76.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.498, -5.166, -39.794
XYZ	19.401, 21.505, 55.35
xyY	0.202, 0.223, 21.505
CIE-LCH	53.498, 40.127, 262.603
CIE-LUV	53.498, -31.357, -60.756
Hunter-Lab	46.374, -6.478, -38.304
Binary	00101001, 10000110, 11000100

#2986c4
```
#2986c4 rgb(41,134,196)
```
#c46729
```
#c46729 rgb(196,103,41)
```

Complementary Color

#29c4b5
```
#29c4b5 rgb(41,196,181)
```
#2986c4
```
#2986c4 rgb(41,134,196)
```
#2939c4
```
#2939c4 rgb(41,57,196)
```

Analogous Color

#c4b529
```
#c4b529 rgb(196,181,41)
```
#2986c4
```
#2986c4 rgb(41,134,196)
```
#c42939
```
#c42939 rgb(196,41,57)
```

Split Complementary Color

#86c429
```
#86c429 rgb(134,196,41)
```
#2986c4
```
#2986c4 rgb(41,134,196)
```
#c42986
```
#c42986 rgb(196,41,134)
```

Triadic Color

#29c467
```
#29c467 rgb(41,196,103)
```
#2986c4
```
#2986c4 rgb(41,134,196)
```
#c42986
```
#c42986 rgb(196,41,134)
```
#c46729
```
#c46729 rgb(196,103,41)
```

Tetradic Color

#1c5b85
```
#1c5b85 rgb(28,91,133)
```
#20699a
```
#20699a rgb(32,105,154)
```
#2578af
```
#2578af rgb(37,120,175)
```
#2986c4
```
#2986c4 rgb(41,134,196)
```
#3293d4
```
#3293d4 rgb(50,147,212)
```
#479fd9
```
#479fd9 rgb(71,159,217)
```
#5caadd
```
#5caadd rgb(92,170,221)
```

Monochromatic Color

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

#29adc4
```
#29adc4 rgb(41,173,196)
```
#29a0c4
```
#29a0c4 rgb(41,160,196)
```
#2993c4
```
#2993c4 rgb(41,147,196)
```
#2986c4
```
#2986c4 rgb(41,134,196)
```
#2979c4
```
#2979c4 rgb(41,121,196)
```
#296cc4
```
#296cc4 rgb(41,108,196)
```
#295fc4
```
#295fc4 rgb(41,95,196)
```

Similar Colors

Text with hexadecimal color #2986c4

This text has a font color of #2986c4.

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

#2986c4 background color

This paragraph has a background color of #2986c4.

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

#2986c4 border color

This element has a border color of #2986c4.

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

CSS codes

.text {color:#2986c4;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040c12
```
#040c12 rgb(4,12,18)
```
#071722
```
#071722 rgb(7,23,34)
```
#0a2232
```
#0a2232 rgb(10,34,50)
```
#0e2d42
```
#0e2d42 rgb(14,45,66)
```
#113852
```
#113852 rgb(17,56,82)
```
#154363
```
#154363 rgb(21,67,99)
```
#184f73
```
#184f73 rgb(24,79,115)
```
#1b5a83
```
#1b5a83 rgb(27,90,131)
```
#1f6593
```
#1f6593 rgb(31,101,147)
```
#2270a4
```
#2270a4 rgb(34,112,164)
```
#267bb4
```
#267bb4 rgb(38,123,180)
```
#2986c4
```
#2986c4 rgb(41,134,196)
```

Shade Color Variation

#2d91d3
```
#2d91d3 rgb(45,145,211)
```
#3e99d7
```
#3e99d7 rgb(62,153,215)
```
#4ea2da
```
#4ea2da rgb(78,162,218)
```
#5eaadd
```
#5eaadd rgb(94,170,221)
```
#6eb3e1
```
#6eb3e1 rgb(110,179,225)
```
#7fbce4
```
#7fbce4 rgb(127,188,228)
```
#8fc4e8
```
#8fc4e8 rgb(143,196,232)
```
#9fcdeb
```
#9fcdeb rgb(159,205,235)
```
#afd5ee
```
#afd5ee rgb(175,213,238)
```
#bfdef2
```
#bfdef2 rgb(191,222,242)
```
#d0e6f5
```
#d0e6f5 rgb(208,230,245)
```
#e0eff8
```
#e0eff8 rgb(224,239,248)
```
#f0f7fc
```
#f0f7fc rgb(240,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #72777b is the less saturated color, while #058de8 is the most saturated one.

#72777b
```
#72777b rgb(114,119,123)
```
#697984
```
#697984 rgb(105,121,132)
```
#607b8d
```
#607b8d rgb(96,123,141)
```
#577d96
```
#577d96 rgb(87,125,150)
```
#4d7fa0
```
#4d7fa0 rgb(77,127,160)
```
#4481a9
```
#4481a9 rgb(68,129,169)
```
#3b82b2
```
#3b82b2 rgb(59,130,178)
```
#3284bb
```
#3284bb rgb(50,132,187)
```
#2986c4
```
#2986c4 rgb(41,134,196)
```
#2088cd
```
#2088cd rgb(32,136,205)
```
#178ad6
```
#178ad6 rgb(23,138,214)
```
#0e8bdf
```
#0e8bdf rgb(14,139,223)
```
#058de8
```
#058de8 rgb(5,141,232)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#637582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7084c1 Protanopia 1% of men
#5f86c9 Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#5684c2 Protanomaly 1% of men, 0.01% of women
#4b86c7 Deuteranomaly 6% of men, 0.4% of women
#0e8eab Tritanomaly 0.01% of the population

#2986c4 hex color

#2986c4 Color Information

#2986c4 Color Conversion

Color Schemes with #2986c4

Alternatives to #2986c4

#2986c4 Preview

Shades and Tints of #2986c4

Tones of #2986c4

Color Blindness Simulator