#2c6bad hex color

In a RGB color space, hex #2c6bad is composed of 17.3% red, 42% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 38.2% magenta, 0% yellow and 32.2% black. It has a hue angle of 210.7 degrees, a saturation of 59.4% and a lightness of 42.5%. #2c6bad color hex could be obtained by blending #58d6ff with #00005b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 42
- B 68
RGB color chart
- C 75
- M 38
- Y 0
- K 32
CMYK color chart

● #2c6bad color description : Dark blue.

The hexadecimal color #2c6bad has RGB values of R:44, G:107, B:173 and CMYK values of C:0.75, M:0.38, Y:0, K:0.32. Its decimal value is 2911149.

Hex triplet	2c6bad	`#2c6bad`
RGB Decimal	44, 107, 173	`rgb(44,107,173)`
RGB Percent	17.3, 42, 67.8	`rgb(17.3%,42%,67.8%)`
CMYK	75, 38, 0, 32
HSL	210.7°, 59.4, 42.5	`hsl(210.7,59.4%,42.5%)`
HSV (or HSB)	210.7°, 74.6, 67.8
Web Safe	336699	`#336699`

CIE-LAB	44.329, 2.995, -41.015
XYZ	13.837, 14.067, 41.519
xyY	0.199, 0.203, 14.067
CIE-LCH	44.329, 41.124, 274.176
CIE-LUV	44.329, -22.719, -61.08
Hunter-Lab	37.506, 0.221, -39.38
Binary	00101100, 01101011, 10101101

#2c6bad
```
#2c6bad rgb(44,107,173)
```
#ad6e2c
```
#ad6e2c rgb(173,110,44)
```

Complementary Color

#2cacad
```
#2cacad rgb(44,172,173)
```
#2c6bad
```
#2c6bad rgb(44,107,173)
```
#2e2cad
```
#2e2cad rgb(46,44,173)
```

Analogous Color

#acad2c
```
#acad2c rgb(172,173,44)
```
#2c6bad
```
#2c6bad rgb(44,107,173)
```
#ad2e2c
```
#ad2e2c rgb(173,46,44)
```

Split Complementary Color

#6bad2c
```
#6bad2c rgb(107,173,44)
```
#2c6bad
```
#2c6bad rgb(44,107,173)
```
#ad2c6b
```
#ad2c6b rgb(173,44,107)
```

Triadic Color

#2cad6e
```
#2cad6e rgb(44,173,110)
```
#2c6bad
```
#2c6bad rgb(44,107,173)
```
#ad2c6b
```
#ad2c6b rgb(173,44,107)
```
#ad6e2c
```
#ad6e2c rgb(173,110,44)
```

Tetradic Color

#1c4570
```
#1c4570 rgb(28,69,112)
```
#225284
```
#225284 rgb(34,82,132)
```
#275e99
```
#275e99 rgb(39,94,153)
```
#2c6bad
```
#2c6bad rgb(44,107,173)
```
#3178c1
```
#3178c1 rgb(49,120,193)
```
#3e84ce
```
#3e84ce rgb(62,132,206)
```
#5291d3
```
#5291d3 rgb(82,145,211)
```

Monochromatic Color

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

#2c8bad
```
#2c8bad rgb(44,139,173)
```
#2c81ad
```
#2c81ad rgb(44,129,173)
```
#2c76ad
```
#2c76ad rgb(44,118,173)
```
#2c6bad
```
#2c6bad rgb(44,107,173)
```
#2c60ad
```
#2c60ad rgb(44,96,173)
```
#2c56ad
```
#2c56ad rgb(44,86,173)
```
#2c4bad
```
#2c4bad rgb(44,75,173)
```

Similar Colors

Text with hexadecimal color #2c6bad

This text has a font color of #2c6bad.

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

#2c6bad background color

This paragraph has a background color of #2c6bad.

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

#2c6bad border color

This element has a border color of #2c6bad.

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

CSS codes

.text {color:#2c6bad;}

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

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

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 #f0f6fb is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#040a11
```
#040a11 rgb(4,10,17)
```
#081420
```
#081420 rgb(8,20,32)
```
#0c1e30
```
#0c1e30 rgb(12,30,48)
```
#102740
```
#102740 rgb(16,39,64)
```
#14314f
```
#14314f rgb(20,49,79)
```
#183b5f
```
#183b5f rgb(24,59,95)
```
#1c446e
```
#1c446e rgb(28,68,110)
```
#204e7e
```
#204e7e rgb(32,78,126)
```
#24588e
```
#24588e rgb(36,88,142)
```
#28619d
```
#28619d rgb(40,97,157)
```
#2c6bad
```
#2c6bad rgb(44,107,173)
```
#3075bd
```
#3075bd rgb(48,117,189)
```

Shade Color Variation

#357ecc
```
#357ecc rgb(53,126,204)
```
#4488d0
```
#4488d0 rgb(68,136,208)
```
#5492d3
```
#5492d3 rgb(84,146,211)
```
#649cd7
```
#649cd7 rgb(100,156,215)
```
#73a6db
```
#73a6db rgb(115,166,219)
```
#83b0df
```
#83b0df rgb(131,176,223)
```
#93bae3
```
#93bae3 rgb(147,186,227)
```
#a2c4e7
```
#a2c4e7 rgb(162,196,231)
```
#b2ceeb
```
#b2ceeb rgb(178,206,235)
```
#c1d8ef
```
#c1d8ef rgb(193,216,239)
```
#d1e2f3
```
#d1e2f3 rgb(209,226,243)
```
#e1ecf7
```
#e1ecf7 rgb(225,236,247)
```
#f0f6fb
```
#f0f6fb rgb(240,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666c73 is the less saturated color, while #026ad7 is the most saturated one.

#666c73
```
#666c73 rgb(102,108,115)
```
#5e6c7b
```
#5e6c7b rgb(94,108,123)
```
#566c83
```
#566c83 rgb(86,108,131)
```
#4d6c8c
```
#4d6c8c rgb(77,108,140)
```
#456c94
```
#456c94 rgb(69,108,148)
```
#3d6b9c
```
#3d6b9c rgb(61,107,156)
```
#346ba5
```
#346ba5 rgb(52,107,165)
```
#2c6bad
```
#2c6bad rgb(44,107,173)
```
#246bb5
```
#246bb5 rgb(36,107,181)
```
#1b6bbe
```
#1b6bbe rgb(27,107,190)
```
#136ac6
```
#136ac6 rgb(19,106,198)
```
#0b6ace
```
#0b6ace rgb(11,106,206)
```
#026ad7
```
#026ad7 rgb(2,106,215)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#56626f Atypical Achromatopsia 0.001% of the population

Dichromacy

#556ead Protanopia 1% of men
#4171b1 Deuteranopia 1% of men
#007b84 Tritanopia 0.001% of the population

Trichromacy

#466dad Protanomaly 1% of men, 0.01% of women
#396fb0 Deuteranomaly 6% of men, 0.4% of women
#107593 Tritanomaly 0.01% of the population

#2c6bad hex color

#2c6bad Color Information

#2c6bad Color Conversion

Color Schemes with #2c6bad

Alternatives to #2c6bad

#2c6bad Preview

Shades and Tints of #2c6bad

Tones of #2c6bad

Color Blindness Simulator