#2c7690 hex color

In a RGB color space, hex #2c7690 is composed of 17.3% red, 46.3% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 18.1% magenta, 0% yellow and 43.5% black. It has a hue angle of 195.6 degrees, a saturation of 53.2% and a lightness of 36.9%. #2c7690 color hex could be obtained by blending #58ecff with #000021. Closest websafe color is: #336699.

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

● #2c7690 color description : Dark moderate blue.

The hexadecimal color #2c7690 has RGB values of R:44, G:118, B:144 and CMYK values of C:0.69, M:0.18, Y:0, K:0.44. Its decimal value is 2913936.

Hex triplet	2c7690	`#2c7690`
RGB Decimal	44, 118, 144	`rgb(44,118,144)`
RGB Percent	17.3, 46.3, 56.5	`rgb(17.3%,46.3%,56.5%)`
CMYK	69, 18, 0, 44
HSL	195.6°, 53.2, 36.9	`hsl(195.6,53.2%,36.9%)`
HSV (or HSB)	195.6°, 69.4, 56.5
Web Safe	336699	`#336699`

CIE-LAB	46.318, -14.006, -20.812
XYZ	12.55, 15.505, 28.715
xyY	0.221, 0.273, 15.505
CIE-LCH	46.318, 25.086, 236.061
CIE-LUV	46.318, -27.881, -28.358
Hunter-Lab	39.376, -12.018, -15.674
Binary	00101100, 01110110, 10010000

#2c7690
```
#2c7690 rgb(44,118,144)
```
#90462c
```
#90462c rgb(144,70,44)
```

Complementary Color

#2c9078
```
#2c9078 rgb(44,144,120)
```
#2c7690
```
#2c7690 rgb(44,118,144)
```
#2c4490
```
#2c4490 rgb(44,68,144)
```

Analogous Color

#90782c
```
#90782c rgb(144,120,44)
```
#2c7690
```
#2c7690 rgb(44,118,144)
```
#902c44
```
#902c44 rgb(144,44,68)
```

Split Complementary Color

#76902c
```
#76902c rgb(118,144,44)
```
#2c7690
```
#2c7690 rgb(44,118,144)
```
#902c76
```
#902c76 rgb(144,44,118)
```

Triadic Color

#2c9046
```
#2c9046 rgb(44,144,70)
```
#2c7690
```
#2c7690 rgb(44,118,144)
```
#902c76
```
#902c76 rgb(144,44,118)
```
#90462c
```
#90462c rgb(144,70,44)
```

Tetradic Color

#1a4655
```
#1a4655 rgb(26,70,85)
```
#205669
```
#205669 rgb(32,86,105)
```
#26667c
```
#26667c rgb(38,102,124)
```
#2c7690
```
#2c7690 rgb(44,118,144)
```
#3286a4
```
#3286a4 rgb(50,134,164)
```
#3896b7
```
#3896b7 rgb(56,150,183)
```
#43a4c6
```
#43a4c6 rgb(67,164,198)
```

Monochromatic Color

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

#2c8f90
```
#2c8f90 rgb(44,143,144)
```
#2c8790
```
#2c8790 rgb(44,135,144)
```
#2c7e90
```
#2c7e90 rgb(44,126,144)
```
#2c7690
```
#2c7690 rgb(44,118,144)
```
#2c6e90
```
#2c6e90 rgb(44,110,144)
```
#2c6590
```
#2c6590 rgb(44,101,144)
```
#2c5d90
```
#2c5d90 rgb(44,93,144)
```

Similar Colors

Text with hexadecimal color #2c7690

This text has a font color of #2c7690.

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

#2c7690 background color

This paragraph has a background color of #2c7690.

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

#2c7690 border color

This element has a border color of #2c7690.

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

CSS codes

.text {color:#2c7690;}

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

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

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

#030709
```
#030709 rgb(3,7,9)
```
#071418
```
#071418 rgb(7,20,24)
```
#0c2027
```
#0c2027 rgb(12,32,39)
```
#102c36
```
#102c36 rgb(16,44,54)
```
#153845
```
#153845 rgb(21,56,69)
```
#1a4554
```
#1a4554 rgb(26,69,84)
```
#1e5163
```
#1e5163 rgb(30,81,99)
```
#235d72
```
#235d72 rgb(35,93,114)
```
#276a81
```
#276a81 rgb(39,106,129)
```
#2c7690
```
#2c7690 rgb(44,118,144)
```
#31829f
```
#31829f rgb(49,130,159)
```
#358fae
```
#358fae rgb(53,143,174)
```
#3a9bbd
```
#3a9bbd rgb(58,155,189)
```

Shade Color Variation

#44a4c6
```
#44a4c6 rgb(68,164,198)
```
#53accb
```
#53accb rgb(83,172,203)
```
#63b3cf
```
#63b3cf rgb(99,179,207)
```
#72bad4
```
#72bad4 rgb(114,186,212)
```
#81c2d8
```
#81c2d8 rgb(129,194,216)
```
#90c9dd
```
#90c9dd rgb(144,201,221)
```
#9fd0e2
```
#9fd0e2 rgb(159,208,226)
```
#aed7e6
```
#aed7e6 rgb(174,215,230)
```
#bddfeb
```
#bddfeb rgb(189,223,235)
```
#cce6ef
```
#cce6ef rgb(204,230,239)
```
#dbedf4
```
#dbedf4 rgb(219,237,244)
```
#eaf5f9
```
#eaf5f9 rgb(234,245,249)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #576165 is the less saturated color, while #018bbb is the most saturated one.

#576165
```
#576165 rgb(87,97,101)
```
#50656c
```
#50656c rgb(80,101,108)
```
#496873
```
#496873 rgb(73,104,115)
```
#426c7a
```
#426c7a rgb(66,108,122)
```
#3a6f82
```
#3a6f82 rgb(58,111,130)
```
#337389
```
#337389 rgb(51,115,137)
```
#2c7690
```
#2c7690 rgb(44,118,144)
```
#257997
```
#257997 rgb(37,121,151)
```
#1e7d9e
```
#1e7d9e rgb(30,125,158)
```
#1680a6
```
#1680a6 rgb(22,128,166)
```
#0f84ad
```
#0f84ad rgb(15,132,173)
```
#0887b4
```
#0887b4 rgb(8,135,180)
```
#018bbb
```
#018bbb rgb(1,139,187)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#58676c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e748f Protanopia 1% of men
#6a7399 Deuteranopia 1% of men
#2d7f88 Tritanopia 0.001% of the population

Trichromacy

#56748f Protanomaly 1% of men, 0.01% of women
#537496 Deuteranomaly 6% of men, 0.4% of women
#2c7c8b Tritanomaly 0.01% of the population

#2c7690 hex color

#2c7690 Color Information

#2c7690 Color Conversion

Color Schemes with #2c7690

Alternatives to #2c7690

#2c7690 Preview

Shades and Tints of #2c7690

Tones of #2c7690

Color Blindness Simulator