#2c6486 hex color

In a RGB color space, hex #2c6486 is composed of 17.3% red, 39.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 25.4% magenta, 0% yellow and 47.5% black. It has a hue angle of 202.7 degrees, a saturation of 50.6% and a lightness of 34.9%. #2c6486 color hex could be obtained by blending #58c8ff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 39
- B 53
RGB color chart
- C 67
- M 25
- Y 0
- K 47
CMYK color chart

● #2c6486 color description : Dark moderate blue.

The hexadecimal color #2c6486 has RGB values of R:44, G:100, B:134 and CMYK values of C:0.67, M:0.25, Y:0, K:0.47. Its decimal value is 2909318.

Hex triplet	2c6486	`#2c6486`
RGB Decimal	44, 100, 134	`rgb(44,100,134)`
RGB Percent	17.3, 39.2, 52.5	`rgb(17.3%,39.2%,52.5%)`
CMYK	67, 25, 0, 47
HSL	202.7°, 50.6, 34.9	`hsl(202.7,50.6%,34.9%)`
HSV (or HSB)	202.7°, 67.2, 52.5
Web Safe	336699	`#336699`

CIE-LAB	40.197, -6.993, -24.299
XYZ	9.898, 11.37, 24.226
xyY	0.218, 0.25, 11.37
CIE-LCH	40.197, 25.285, 253.944
CIE-LUV	40.197, -21.651, -33.479
Hunter-Lab	33.72, -6.614, -18.993
Binary	00101100, 01100100, 10000110

#2c6486
```
#2c6486 rgb(44,100,134)
```
#864e2c
```
#864e2c rgb(134,78,44)
```

Complementary Color

#2c867b
```
#2c867b rgb(44,134,123)
```
#2c6486
```
#2c6486 rgb(44,100,134)
```
#2c3786
```
#2c3786 rgb(44,55,134)
```

Analogous Color

#867b2c
```
#867b2c rgb(134,123,44)
```
#2c6486
```
#2c6486 rgb(44,100,134)
```
#862c37
```
#862c37 rgb(134,44,55)
```

Split Complementary Color

#64862c
```
#64862c rgb(100,134,44)
```
#2c6486
```
#2c6486 rgb(44,100,134)
```
#862c64
```
#862c64 rgb(134,44,100)
```

Triadic Color

#2c864e
```
#2c864e rgb(44,134,78)
```
#2c6486
```
#2c6486 rgb(44,100,134)
```
#862c64
```
#862c64 rgb(134,44,100)
```
#864e2c
```
#864e2c rgb(134,78,44)
```

Tetradic Color

#19394c
```
#19394c rgb(25,57,76)
```
#1f4760
```
#1f4760 rgb(31,71,96)
```
#265673
```
#265673 rgb(38,86,115)
```
#2c6486
```
#2c6486 rgb(44,100,134)
```
#327299
```
#327299 rgb(50,114,153)
```
#3981ac
```
#3981ac rgb(57,129,172)
```
#3f8fc0
```
#3f8fc0 rgb(63,143,192)
```

Monochromatic Color

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

#2c7b86
```
#2c7b86 rgb(44,123,134)
```
#2c7386
```
#2c7386 rgb(44,115,134)
```
#2c6c86
```
#2c6c86 rgb(44,108,134)
```
#2c6486
```
#2c6486 rgb(44,100,134)
```
#2c5d86
```
#2c5d86 rgb(44,93,134)
```
#2c5586
```
#2c5586 rgb(44,85,134)
```
#2c4e86
```
#2c4e86 rgb(44,78,134)
```

Similar Colors

Text with hexadecimal color #2c6486

This text has a font color of #2c6486.

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

#2c6486 background color

This paragraph has a background color of #2c6486.

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

#2c6486 border color

This element has a border color of #2c6486.

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

CSS codes

.text {color:#2c6486;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050c10
```
#050c10 rgb(5,12,16)
```
#0a171f
```
#0a171f rgb(10,23,31)
```
#0f222d
```
#0f222d rgb(15,34,45)
```
#142d3c
```
#142d3c rgb(20,45,60)
```
#19384b
```
#19384b rgb(25,56,75)
```
#1d435a
```
#1d435a rgb(29,67,90)
```
#224e68
```
#224e68 rgb(34,78,104)
```
#275977
```
#275977 rgb(39,89,119)
```
#2c6486
```
#2c6486 rgb(44,100,134)
```
#316f95
```
#316f95 rgb(49,111,149)
```
#367aa4
```
#367aa4 rgb(54,122,164)
```
#3b85b2
```
#3b85b2 rgb(59,133,178)
```

Shade Color Variation

#4090c0
```
#4090c0 rgb(64,144,192)
```
#4f98c5
```
#4f98c5 rgb(79,152,197)
```
#5ea1ca
```
#5ea1ca rgb(94,161,202)
```
#6caacf
```
#6caacf rgb(108,170,207)
```
#7bb2d4
```
#7bb2d4 rgb(123,178,212)
```
#8abbd9
```
#8abbd9 rgb(138,187,217)
```
#99c3dd
```
#99c3dd rgb(153,195,221)
```
#a8cce2
```
#a8cce2 rgb(168,204,226)
```
#b6d5e7
```
#b6d5e7 rgb(182,213,231)
```
#c5ddec
```
#c5ddec rgb(197,221,236)
```
#d4e6f1
```
#d4e6f1 rgb(212,230,241)
```
#e3eef6
```
#e3eef6 rgb(227,238,246)
```
#f1f7fb
```
#f1f7fb rgb(241,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555a5d is the less saturated color, while #036eaf is the most saturated one.

#555a5d
```
#555a5d rgb(85,90,93)
```
#4e5c64
```
#4e5c64 rgb(78,92,100)
```
#475d6b
```
#475d6b rgb(71,93,107)
```
#415f71
```
#415f71 rgb(65,95,113)
```
#3a6178
```
#3a6178 rgb(58,97,120)
```
#33627f
```
#33627f rgb(51,98,127)
```
#2c6486
```
#2c6486 rgb(44,100,134)
```
#25668d
```
#25668d rgb(37,102,141)
```
#1e6794
```
#1e6794 rgb(30,103,148)
```
#17699b
```
#17699b rgb(23,105,155)
```
#116ba1
```
#116ba1 rgb(17,107,161)
```
#0a6ca8
```
#0a6ca8 rgb(10,108,168)
```
#036eaf
```
#036eaf rgb(3,110,175)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4e5a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6588 Protanopia 1% of men
#56668e Deuteranopia 1% of men
#286f78 Tritanopia 0.001% of the population

Trichromacy

#4a6587 Protanomaly 1% of men, 0.01% of women
#47658b Deuteranomaly 6% of men, 0.4% of women
#296b7d Tritanomaly 0.01% of the population

#2c6486 hex color

#2c6486 Color Information

#2c6486 Color Conversion

Color Schemes with #2c6486

Alternatives to #2c6486

#2c6486 Preview

Shades and Tints of #2c6486

Tones of #2c6486

Color Blindness Simulator