#2986cf hex color

In a RGB color space, hex #2986cf is composed of 16.1% red, 52.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 35.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 206.4 degrees, a saturation of 66.9% and a lightness of 48.6%. #2986cf color hex could be obtained by blending #52ffff with #000d9f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 53
- B 81
RGB color chart
- C 80
- M 35
- Y 0
- K 19
CMYK color chart

● #2986cf color description : Strong blue.

The hexadecimal color #2986cf has RGB values of R:41, G:134, B:207 and CMYK values of C:0.8, M:0.35, Y:0, K:0.19. Its decimal value is 2721487.

Hex triplet	2986cf	`#2986cf`
RGB Decimal	41, 134, 207	`rgb(41,134,207)`
RGB Percent	16.1, 52.5, 81.2	`rgb(16.1%,52.5%,81.2%)`
CMYK	80, 35, 0, 19
HSL	206.4°, 66.9, 48.6	`hsl(206.4,66.9%,48.6%)`
HSV (or HSB)	206.4°, 80.2, 81.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.053, -1.132, -45.157
XYZ	20.699, 22.025, 62.188
xyY	0.197, 0.21, 22.025
CIE-LCH	54.053, 45.171, 268.564
CIE-LUV	54.053, -30.804, -70.018
Hunter-Lab	46.931, -3.399, -45.714
Binary	00101001, 10000110, 11001111

#2986cf
```
#2986cf rgb(41,134,207)
```
#cf7229
```
#cf7229 rgb(207,114,41)
```

Complementary Color

#29cfc5
```
#29cfc5 rgb(41,207,197)
```
#2986cf
```
#2986cf rgb(41,134,207)
```
#2933cf
```
#2933cf rgb(41,51,207)
```

Analogous Color

#cfc529
```
#cfc529 rgb(207,197,41)
```
#2986cf
```
#2986cf rgb(41,134,207)
```
#cf2933
```
#cf2933 rgb(207,41,51)
```

Split Complementary Color

#86cf29
```
#86cf29 rgb(134,207,41)
```
#2986cf
```
#2986cf rgb(41,134,207)
```
#cf2986
```
#cf2986 rgb(207,41,134)
```

Triadic Color

#29cf72
```
#29cf72 rgb(41,207,114)
```
#2986cf
```
#2986cf rgb(41,134,207)
```
#cf2986
```
#cf2986 rgb(207,41,134)
```
#cf7229
```
#cf7229 rgb(207,114,41)
```

Tetradic Color

#1c5d8f
```
#1c5d8f rgb(28,93,143)
```
#216aa4
```
#216aa4 rgb(33,106,164)
```
#2578ba
```
#2578ba rgb(37,120,186)
```
#2986cf
```
#2986cf rgb(41,134,207)
```
#3a92d8
```
#3a92d8 rgb(58,146,216)
```
#4f9edc
```
#4f9edc rgb(79,158,220)
```
#64aae0
```
#64aae0 rgb(100,170,224)
```

Monochromatic Color

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

#29b0cf
```
#29b0cf rgb(41,176,207)
```
#29a2cf
```
#29a2cf rgb(41,162,207)
```
#2994cf
```
#2994cf rgb(41,148,207)
```
#2986cf
```
#2986cf rgb(41,134,207)
```
#2978cf
```
#2978cf rgb(41,120,207)
```
#296acf
```
#296acf rgb(41,106,207)
```
#295dcf
```
#295dcf rgb(41,93,207)
```

Similar Colors

Text with hexadecimal color #2986cf

This text has a font color of #2986cf.

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

#2986cf background color

This paragraph has a background color of #2986cf.

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

#2986cf border color

This element has a border color of #2986cf.

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

CSS codes

.text {color:#2986cf;}

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

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

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

#02070b
```
#02070b rgb(2,7,11)
```
#05111b
```
#05111b rgb(5,17,27)
```
#091c2b
```
#091c2b rgb(9,28,43)
```
#0c273c
```
#0c273c rgb(12,39,60)
```
#0f314c
```
#0f314c rgb(15,49,76)
```
#123c5c
```
#123c5c rgb(18,60,92)
```
#16466d
```
#16466d rgb(22,70,109)
```
#19517d
```
#19517d rgb(25,81,125)
```
#1c5c8e
```
#1c5c8e rgb(28,92,142)
```
#1f669e
```
#1f669e rgb(31,102,158)
```
#2371ae
```
#2371ae rgb(35,113,174)
```
#267bbf
```
#267bbf rgb(38,123,191)
```
#2986cf
```
#2986cf rgb(41,134,207)
```

Shade Color Variation

#3590d7
```
#3590d7 rgb(53,144,215)
```
#4599da
```
#4599da rgb(69,153,218)
```
#55a2dd
```
#55a2dd rgb(85,162,221)
```
#66abe1
```
#66abe1 rgb(102,171,225)
```
#76b4e4
```
#76b4e4 rgb(118,180,228)
```
#87bde7
```
#87bde7 rgb(135,189,231)
```
#97c6ea
```
#97c6ea rgb(151,198,234)
```
#a7cfee
```
#a7cfee rgb(167,207,238)
```
#b8d8f1
```
#b8d8f1 rgb(184,216,241)
```
#c8e1f4
```
#c8e1f4 rgb(200,225,244)
```
#d8eaf7
```
#d8eaf7 rgb(216,234,247)
```
#e9f3fb
```
#e9f3fb rgb(233,243,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757d83 is the less saturated color, while #038bf5 is the most saturated one.

#757d83
```
#757d83 rgb(117,125,131)
```
#6c7e8c
```
#6c7e8c rgb(108,126,140)
```
#627f96
```
#627f96 rgb(98,127,150)
```
#59809f
```
#59809f rgb(89,128,159)
```
#4f81a9
```
#4f81a9 rgb(79,129,169)
```
#4683b2
```
#4683b2 rgb(70,131,178)
```
#3c84bc
```
#3c84bc rgb(60,132,188)
```
#3385c5
```
#3385c5 rgb(51,133,197)
```
#2986cf
```
#2986cf rgb(41,134,207)
```
#1f87d9
```
#1f87d9 rgb(31,135,217)
```
#1688e2
```
#1688e2 rgb(22,136,226)
```
#0c89ec
```
#0c89ec rgb(12,137,236)
```
#038bf5
```
#038bf5 rgb(3,139,245)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#647785 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b85cc Protanopia 1% of men
#5488d3 Deuteranopia 1% of men
#00959f Tritanopia 0.001% of the population

Trichromacy

#5385cd Protanomaly 1% of men, 0.01% of women
#4487d1 Deuteranomaly 6% of men, 0.4% of women
#0e8fb0 Tritanomaly 0.01% of the population

#2986cf hex color

#2986cf Color Information

#2986cf Color Conversion

Color Schemes with #2986cf

Alternatives to #2986cf

#2986cf Preview

Shades and Tints of #2986cf

Tones of #2986cf

Color Blindness Simulator