#2986ca hex color

In a RGB color space, hex #2986ca is composed of 16.1% red, 52.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 33.7% magenta, 0% yellow and 20.8% black. It has a hue angle of 205.3 degrees, a saturation of 66.3% and a lightness of 47.6%. #2986ca color hex could be obtained by blending #52ffff with #000d95. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 53
- B 79
RGB color chart
- C 80
- M 34
- Y 0
- K 21
CMYK color chart

● #2986ca color description : Strong blue.

The hexadecimal color #2986ca has RGB values of R:41, G:134, B:202 and CMYK values of C:0.8, M:0.34, Y:0, K:0.21. Its decimal value is 2721482.

Hex triplet	2986ca	`#2986ca`
RGB Decimal	41, 134, 202	`rgb(41,134,202)`
RGB Percent	16.1, 52.5, 79.2	`rgb(16.1%,52.5%,79.2%)`
CMYK	80, 34, 0, 21
HSL	205.3°, 66.3, 47.6	`hsl(205.3,66.3%,47.6%)`
HSV (or HSB)	205.3°, 79.7, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.797, -2.972, -42.73
XYZ	20.098, 21.784, 59.019
xyY	0.199, 0.216, 21.784
CIE-LCH	53.797, 42.833, 266.022
CIE-LUV	53.797, -31.051, -65.826
Hunter-Lab	46.673, -4.816, -42.302
Binary	00101001, 10000110, 11001010

#2986ca
```
#2986ca rgb(41,134,202)
```
#ca6d29
```
#ca6d29 rgb(202,109,41)
```

Complementary Color

#29cabe
```
#29cabe rgb(41,202,190)
```
#2986ca
```
#2986ca rgb(41,134,202)
```
#2936ca
```
#2936ca rgb(41,54,202)
```

Analogous Color

#cabe29
```
#cabe29 rgb(202,190,41)
```
#2986ca
```
#2986ca rgb(41,134,202)
```
#ca2935
```
#ca2935 rgb(202,41,53)
```

Split Complementary Color

#86ca29
```
#86ca29 rgb(134,202,41)
```
#2986ca
```
#2986ca rgb(41,134,202)
```
#ca2986
```
#ca2986 rgb(202,41,134)
```

Triadic Color

#29ca6d
```
#29ca6d rgb(41,202,109)
```
#2986ca
```
#2986ca rgb(41,134,202)
```
#ca2986
```
#ca2986 rgb(202,41,134)
```
#ca6d29
```
#ca6d29 rgb(202,109,41)
```

Tetradic Color

#1c5c8a
```
#1c5c8a rgb(28,92,138)
```
#206aa0
```
#206aa0 rgb(32,106,160)
```
#2578b5
```
#2578b5 rgb(37,120,181)
```
#2986ca
```
#2986ca rgb(41,134,202)
```
#3693d6
```
#3693d6 rgb(54,147,214)
```
#4b9edb
```
#4b9edb rgb(75,158,219)
```
#61aadf
```
#61aadf rgb(97,170,223)
```

Monochromatic Color

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

#29aeca
```
#29aeca rgb(41,174,202)
```
#29a1ca
```
#29a1ca rgb(41,161,202)
```
#2993ca
```
#2993ca rgb(41,147,202)
```
#2986ca
```
#2986ca rgb(41,134,202)
```
#2979ca
```
#2979ca rgb(41,121,202)
```
#296bca
```
#296bca rgb(41,107,202)
```
#295eca
```
#295eca rgb(41,94,202)
```

Similar Colors

Text with hexadecimal color #2986ca

This text has a font color of #2986ca.

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

#2986ca background color

This paragraph has a background color of #2986ca.

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

#2986ca border color

This element has a border color of #2986ca.

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

CSS codes

.text {color:#2986ca;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#050f17
```
#050f17 rgb(5,15,23)
```
#081a27
```
#081a27 rgb(8,26,39)
```
#0b2537
```
#0b2537 rgb(11,37,55)
```
#0f2f48
```
#0f2f48 rgb(15,47,72)
```
#123a58
```
#123a58 rgb(18,58,88)
```
#154568
```
#154568 rgb(21,69,104)
```
#185078
```
#185078 rgb(24,80,120)
```
#1c5b89
```
#1c5b89 rgb(28,91,137)
```
#1f6699
```
#1f6699 rgb(31,102,153)
```
#2270a9
```
#2270a9 rgb(34,112,169)
```
#267bba
```
#267bba rgb(38,123,186)
```
#2986ca
```
#2986ca rgb(41,134,202)
```

Shade Color Variation

#3190d5
```
#3190d5 rgb(49,144,213)
```
#4299d9
```
#4299d9 rgb(66,153,217)
```
#52a2dc
```
#52a2dc rgb(82,162,220)
```
#62aadf
```
#62aadf rgb(98,170,223)
```
#73b3e2
```
#73b3e2 rgb(115,179,226)
```
#83bce6
```
#83bce6 rgb(131,188,230)
```
#93c5e9
```
#93c5e9 rgb(147,197,233)
```
#a3ceec
```
#a3ceec rgb(163,206,236)
```
#b4d6f0
```
#b4d6f0 rgb(180,214,240)
```
#c4dff3
```
#c4dff3 rgb(196,223,243)
```
#d4e8f6
```
#d4e8f6 rgb(212,232,246)
```
#e5f1fa
```
#e5f1fa rgb(229,241,250)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747a7f is the less saturated color, while #048cef is the most saturated one.

#747a7f
```
#747a7f rgb(116,122,127)
```
#6a7c89
```
#6a7c89 rgb(106,124,137)
```
#617d92
```
#617d92 rgb(97,125,146)
```
#587f9b
```
#587f9b rgb(88,127,155)
```
#4e80a5
```
#4e80a5 rgb(78,128,165)
```
#4582ae
```
#4582ae rgb(69,130,174)
```
#3c83b7
```
#3c83b7 rgb(60,131,183)
```
#3285c1
```
#3285c1 rgb(50,133,193)
```
#2986ca
```
#2986ca rgb(41,134,202)
```
#2087d3
```
#2087d3 rgb(32,135,211)
```
#1689dd
```
#1689dd rgb(22,137,221)
```
#0d8ae6
```
#0d8ae6 rgb(13,138,230)
```
#048cef
```
#048cef rgb(4,140,239)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#637684 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d84c7 Protanopia 1% of men
#5987ce Deuteranopia 1% of men
#00949e Tritanopia 0.001% of the population

Trichromacy

#5485c8 Protanomaly 1% of men, 0.01% of women
#4886cd Deuteranomaly 6% of men, 0.4% of women
#0e8fae Tritanomaly 0.01% of the population

#2986ca hex color

#2986ca Color Information

#2986ca Color Conversion

Color Schemes with #2986ca

Alternatives to #2986ca

#2986ca Preview

Shades and Tints of #2986ca

Tones of #2986ca

Color Blindness Simulator