#2c678e hex color

In a RGB color space, hex #2c678e is composed of 17.3% red, 40.4% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 27.5% magenta, 0% yellow and 44.3% black. It has a hue angle of 203.9 degrees, a saturation of 52.7% and a lightness of 36.5%. #2c678e color hex could be obtained by blending #58ceff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 40
- B 56
RGB color chart
- C 69
- M 27
- Y 0
- K 44
CMYK color chart

● #2c678e color description : Dark moderate blue.

The hexadecimal color #2c678e has RGB values of R:44, G:103, B:142 and CMYK values of C:0.69, M:0.27, Y:0, K:0.44. Its decimal value is 2910094.

Hex triplet	2c678e	`#2c678e`
RGB Decimal	44, 103, 142	`rgb(44,103,142)`
RGB Percent	17.3, 40.4, 55.7	`rgb(17.3%,40.4%,55.7%)`
CMYK	69, 27, 0, 44
HSL	203.9°, 52.7, 36.5	`hsl(203.9,52.7%,36.5%)`
HSV (or HSB)	203.9°, 69, 55.7
Web Safe	336699	`#336699`

CIE-LAB	41.514, -5.95, -27.068
XYZ	10.77, 12.188, 27.375
xyY	0.214, 0.242, 12.188
CIE-LCH	41.514, 27.714, 257.603
CIE-LUV	41.514, -22.445, -38.041
Hunter-Lab	34.912, -6.028, -22.052
Binary	00101100, 01100111, 10001110

#2c678e
```
#2c678e rgb(44,103,142)
```
#8e532c
```
#8e532c rgb(142,83,44)
```

Complementary Color

#2c8e84
```
#2c8e84 rgb(44,142,132)
```
#2c678e
```
#2c678e rgb(44,103,142)
```
#2c368e
```
#2c368e rgb(44,54,142)
```

Analogous Color

#8e842c
```
#8e842c rgb(142,132,44)
```
#2c678e
```
#2c678e rgb(44,103,142)
```
#8e2c36
```
#8e2c36 rgb(142,44,54)
```

Split Complementary Color

#678e2c
```
#678e2c rgb(103,142,44)
```
#2c678e
```
#2c678e rgb(44,103,142)
```
#8e2c67
```
#8e2c67 rgb(142,44,103)
```

Triadic Color

#2c8e53
```
#2c8e53 rgb(44,142,83)
```
#2c678e
```
#2c678e rgb(44,103,142)
```
#8e2c67
```
#8e2c67 rgb(142,44,103)
```
#8e532c
```
#8e532c rgb(142,83,44)
```

Tetradic Color

#1a3d54
```
#1a3d54 rgb(26,61,84)
```
#204b67
```
#204b67 rgb(32,75,103)
```
#26597b
```
#26597b rgb(38,89,123)
```
#2c678e
```
#2c678e rgb(44,103,142)
```
#3275a1
```
#3275a1 rgb(50,117,161)
```
#3883b5
```
#3883b5 rgb(56,131,181)
```
#4291c4
```
#4291c4 rgb(66,145,196)
```

Monochromatic Color

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

#2c808e
```
#2c808e rgb(44,128,142)
```
#2c778e
```
#2c778e rgb(44,119,142)
```
#2c6f8e
```
#2c6f8e rgb(44,111,142)
```
#2c678e
```
#2c678e rgb(44,103,142)
```
#2c5f8e
```
#2c5f8e rgb(44,95,142)
```
#2c578e
```
#2c578e rgb(44,87,142)
```
#2c4f8e
```
#2c4f8e rgb(44,79,142)
```

Similar Colors

Text with hexadecimal color #2c678e

This text has a font color of #2c678e.

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

#2c678e background color

This paragraph has a background color of #2c678e.

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

#2c678e border color

This element has a border color of #2c678e.

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

CSS codes

.text {color:#2c678e;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#071016
```
#071016 rgb(7,16,22)
```
#0c1b25
```
#0c1b25 rgb(12,27,37)
```
#102634
```
#102634 rgb(16,38,52)
```
#153143
```
#153143 rgb(21,49,67)
```
#193c52
```
#193c52 rgb(25,60,82)
```
#1e4661
```
#1e4661 rgb(30,70,97)
```
#235170
```
#235170 rgb(35,81,112)
```
#275c7f
```
#275c7f rgb(39,92,127)
```
#2c678e
```
#2c678e rgb(44,103,142)
```
#31729d
```
#31729d rgb(49,114,157)
```
#357dac
```
#357dac rgb(53,125,172)
```
#3a88bb
```
#3a88bb rgb(58,136,187)
```

Shade Color Variation

#4491c5
```
#4491c5 rgb(68,145,197)
```
#539aca
```
#539aca rgb(83,154,202)
```
#61a3ce
```
#61a3ce rgb(97,163,206)
```
#70acd3
```
#70acd3 rgb(112,172,211)
```
#7fb4d7
```
#7fb4d7 rgb(127,180,215)
```
#8ebddc
```
#8ebddc rgb(142,189,220)
```
#9dc6e1
```
#9dc6e1 rgb(157,198,225)
```
#accfe5
```
#accfe5 rgb(172,207,229)
```
#bbd7ea
```
#bbd7ea rgb(187,215,234)
```
#cae0ef
```
#cae0ef rgb(202,224,239)
```
#d9e9f3
```
#d9e9f3 rgb(217,233,243)
```
#e8f2f8
```
#e8f2f8 rgb(232,242,248)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575e63 is the less saturated color, while #0170b9 is the most saturated one.

#575e63
```
#575e63 rgb(87,94,99)
```
#50606a
```
#50606a rgb(80,96,106)
```
#496171
```
#496171 rgb(73,97,113)
```
#416379
```
#416379 rgb(65,99,121)
```
#3a6480
```
#3a6480 rgb(58,100,128)
```
#336687
```
#336687 rgb(51,102,135)
```
#2c678e
```
#2c678e rgb(44,103,142)
```
#256895
```
#256895 rgb(37,104,149)
```
#1e6a9c
```
#1e6a9c rgb(30,106,156)
```
#176ba3
```
#176ba3 rgb(23,107,163)
```
#0f6dab
```
#0f6dab rgb(15,109,171)
```
#086eb2
```
#086eb2 rgb(8,110,178)
```
#0170b9
```
#0170b9 rgb(1,112,185)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#515d64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d688f Protanopia 1% of men
#566996 Deuteranopia 1% of men
#23737c Tritanopia 0.001% of the population

Trichromacy

#4b688e Protanomaly 1% of men, 0.01% of women
#466893 Deuteranomaly 6% of men, 0.4% of women
#266f82 Tritanomaly 0.01% of the population

#2c678e hex color

#2c678e Color Information

#2c678e Color Conversion

Color Schemes with #2c678e

Alternatives to #2c678e

#2c678e Preview

Shades and Tints of #2c678e

Tones of #2c678e

Color Blindness Simulator