#2c6bd2 hex color

In a RGB color space, hex #2c6bd2 is composed of 17.3% red, 42% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 49% magenta, 0% yellow and 17.6% black. It has a hue angle of 217.2 degrees, a saturation of 65.4% and a lightness of 49.8%. #2c6bd2 color hex could be obtained by blending #58d6ff with #0000a5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 42
- B 82
RGB color chart
- C 79
- M 49
- Y 0
- K 18
CMYK color chart

● #2c6bd2 color description : Strong blue.

The hexadecimal color #2c6bd2 has RGB values of R:44, G:107, B:210 and CMYK values of C:0.79, M:0.49, Y:0, K:0.18. Its decimal value is 2911186.

Hex triplet	2c6bd2	`#2c6bd2`
RGB Decimal	44, 107, 210	`rgb(44,107,210)`
RGB Percent	17.3, 42, 82.4	`rgb(17.3%,42%,82.4%)`
CMYK	79, 49, 0, 18
HSL	217.2°, 65.4, 49.8	`hsl(217.2,65.4%,49.8%)`
HSV (or HSB)	217.2°, 79, 82.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.582, 16.992, -58.806
XYZ	17.927, 15.703, 63.055
xyY	0.185, 0.162, 15.703
CIE-LCH	46.582, 61.212, 286.117
CIE-LUV	46.582, -21.703, -90.263
Hunter-Lab	39.627, 11.405, -66.606
Binary	00101100, 01101011, 11010010

#2c6bd2
```
#2c6bd2 rgb(44,107,210)
```
#d2932c
```
#d2932c rgb(210,147,44)
```

Complementary Color

#2cbed2
```
#2cbed2 rgb(44,190,210)
```
#2c6bd2
```
#2c6bd2 rgb(44,107,210)
```
#402cd2
```
#402cd2 rgb(64,44,210)
```

Analogous Color

#bed22c
```
#bed22c rgb(190,210,44)
```
#2c6bd2
```
#2c6bd2 rgb(44,107,210)
```
#d2402c
```
#d2402c rgb(210,64,44)
```

Split Complementary Color

#6bd22c
```
#6bd22c rgb(107,210,44)
```
#2c6bd2
```
#2c6bd2 rgb(44,107,210)
```
#d22c6b
```
#d22c6b rgb(210,44,107)
```

Triadic Color

#2cd293
```
#2cd293 rgb(44,210,147)
```
#2c6bd2
```
#2c6bd2 rgb(44,107,210)
```
#d22c6b
```
#d22c6b rgb(210,44,107)
```
#d2932c
```
#d2932c rgb(210,147,44)
```

Tetradic Color

#1f4b93
```
#1f4b93 rgb(31,75,147)
```
#2356a8
```
#2356a8 rgb(35,86,168)
```
#2860bd
```
#2860bd rgb(40,96,189)
```
#2c6bd2
```
#2c6bd2 rgb(44,107,210)
```
#407ad7
```
#407ad7 rgb(64,122,215)
```
#5688db
```
#5688db rgb(86,136,219)
```
#6b97e0
```
#6b97e0 rgb(107,151,224)
```

Monochromatic Color

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

#2c95d2
```
#2c95d2 rgb(44,149,210)
```
#2c87d2
```
#2c87d2 rgb(44,135,210)
```
#2c79d2
```
#2c79d2 rgb(44,121,210)
```
#2c6bd2
```
#2c6bd2 rgb(44,107,210)
```
#2c5dd2
```
#2c5dd2 rgb(44,93,210)
```
#2c4fd2
```
#2c4fd2 rgb(44,79,210)
```
#2c42d2
```
#2c42d2 rgb(44,66,210)
```

Similar Colors

Text with hexadecimal color #2c6bd2

This text has a font color of #2c6bd2.

<span style="color:#2c6bd2;">Text here</span>

#2c6bd2 background color

This paragraph has a background color of #2c6bd2.

<p style="background-color:#2c6bd2;">Content here</p>

#2c6bd2 border color

This element has a border color of #2c6bd2.

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

CSS codes

.text {color:#2c6bd2;}

.background {background-color:#2c6bd2;}

.border {border:1px solid #2c6bd2;}

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, #03080f is the darkest color, while #fefeff is the lightest one.

#03080f
```
#03080f rgb(3,8,15)
```
#071020
```
#071020 rgb(7,16,32)
```
#0a1830
```
#0a1830 rgb(10,24,48)
```
#0d2140
```
#0d2140 rgb(13,33,64)
```
#112950
```
#112950 rgb(17,41,80)
```
#143160
```
#143160 rgb(20,49,96)
```
#183971
```
#183971 rgb(24,57,113)
```
#1b4281
```
#1b4281 rgb(27,66,129)
```
#1e4a91
```
#1e4a91 rgb(30,74,145)
```
#2252a1
```
#2252a1 rgb(34,82,161)
```
#255ab2
```
#255ab2 rgb(37,90,178)
```
#2963c2
```
#2963c2 rgb(41,99,194)
```
#2c6bd2
```
#2c6bd2 rgb(44,107,210)
```

Shade Color Variation

#3c76d6
```
#3c76d6 rgb(60,118,214)
```
#4c82d9
```
#4c82d9 rgb(76,130,217)
```
#5c8ddd
```
#5c8ddd rgb(92,141,221)
```
#6c98e0
```
#6c98e0 rgb(108,152,224)
```
#7ca4e4
```
#7ca4e4 rgb(124,164,228)
```
#8dafe7
```
#8dafe7 rgb(141,175,231)
```
#9dbaea
```
#9dbaea rgb(157,186,234)
```
#adc6ee
```
#adc6ee rgb(173,198,238)
```
#bdd1f1
```
#bdd1f1 rgb(189,209,241)
```
#cedcf5
```
#cedcf5 rgb(206,220,245)
```
#dee8f8
```
#dee8f8 rgb(222,232,248)
```
#eef3fb
```
#eef3fb rgb(238,243,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7e84 is the less saturated color, while #0562f9 is the most saturated one.

#7a7e84
```
#7a7e84 rgb(122,126,132)
```
#707b8e
```
#707b8e rgb(112,123,142)
```
#677997
```
#677997 rgb(103,121,151)
```
#5d77a1
```
#5d77a1 rgb(93,119,161)
```
#5374ab
```
#5374ab rgb(83,116,171)
```
#4972b5
```
#4972b5 rgb(73,114,181)
```
#4070be
```
#4070be rgb(64,112,190)
```
#366dc8
```
#366dc8 rgb(54,109,200)
```
#2c6bd2
```
#2c6bd2 rgb(44,107,210)
```
#2269dc
```
#2269dc rgb(34,105,220)
```
#1866e6
```
#1866e6 rgb(24,102,230)
```
#0f64ef
```
#0f64ef rgb(15,100,239)
```
#0562f9
```
#0562f9 rgb(5,98,249)
```

Tone Color Variation

Below, you can see how #2c6bd2 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

#646464 Achromatopsia 0.005% of the population
#59657a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3772d4 Protanopia 1% of men
#0078c6 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#336fd3 Protanomaly 1% of men, 0.01% of women
#1073ca Deuteranomaly 6% of men, 0.4% of women
#1079a3 Tritanomaly 0.01% of the population

#2c6bd2 hex color

#2c6bd2 Color Information

#2c6bd2 Color Conversion

Color Schemes with #2c6bd2

Alternatives to #2c6bd2

#2c6bd2 Preview

Shades and Tints of #2c6bd2

Tones of #2c6bd2

Color Blindness Simulator