#2c768f hex color

In a RGB color space, hex #2c768f is composed of 17.3% red, 46.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 17.5% magenta, 0% yellow and 43.9% black. It has a hue angle of 195.2 degrees, a saturation of 52.9% and a lightness of 36.7%. #2c768f color hex could be obtained by blending #58ecff with #00001f. Closest websafe color is: #336699.

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

● #2c768f color description : Dark moderate blue.

The hexadecimal color #2c768f has RGB values of R:44, G:118, B:143 and CMYK values of C:0.69, M:0.17, Y:0, K:0.44. Its decimal value is 2913935.

Hex triplet	2c768f	`#2c768f`
RGB Decimal	44, 118, 143	`rgb(44,118,143)`
RGB Percent	17.3, 46.3, 56.1	`rgb(17.3%,46.3%,56.1%)`
CMYK	69, 17, 0, 44
HSL	195.2°, 52.9, 36.7	`hsl(195.2,52.9%,36.7%)`
HSV (or HSB)	195.2°, 69.2, 56.1
Web Safe	336699	`#336699`

CIE-LAB	46.277, -14.346, -20.283
XYZ	12.474, 15.474, 28.315
xyY	0.222, 0.275, 15.474
CIE-LCH	46.277, 24.843, 234.729
CIE-LUV	46.277, -27.932, -27.499
Hunter-Lab	39.338, -12.239, -15.14
Binary	00101100, 01110110, 10001111

#2c768f
```
#2c768f rgb(44,118,143)
```
#8f452c
```
#8f452c rgb(143,69,44)
```

Complementary Color

#2c8f77
```
#2c8f77 rgb(44,143,119)
```
#2c768f
```
#2c768f rgb(44,118,143)
```
#2c458f
```
#2c458f rgb(44,69,143)
```

Analogous Color

#8f772c
```
#8f772c rgb(143,119,44)
```
#2c768f
```
#2c768f rgb(44,118,143)
```
#8f2c45
```
#8f2c45 rgb(143,44,69)
```

Split Complementary Color

#768f2c
```
#768f2c rgb(118,143,44)
```
#2c768f
```
#2c768f rgb(44,118,143)
```
#8f2c76
```
#8f2c76 rgb(143,44,118)
```

Triadic Color

#2c8f45
```
#2c8f45 rgb(44,143,69)
```
#2c768f
```
#2c768f rgb(44,118,143)
```
#8f2c76
```
#8f2c76 rgb(143,44,118)
```
#8f452c
```
#8f452c rgb(143,69,44)
```

Tetradic Color

#1a4655
```
#1a4655 rgb(26,70,85)
```
#205668
```
#205668 rgb(32,86,104)
```
#26667c
```
#26667c rgb(38,102,124)
```
#2c768f
```
#2c768f rgb(44,118,143)
```
#3286a3
```
#3286a3 rgb(50,134,163)
```
#3896b6
```
#3896b6 rgb(56,150,182)
```
#43a4c5
```
#43a4c5 rgb(67,164,197)
```

Monochromatic Color

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

#2c8f8f
```
#2c8f8f rgb(44,143,143)
```
#2c878f
```
#2c878f rgb(44,135,143)
```
#2c7e8f
```
#2c7e8f rgb(44,126,143)
```
#2c768f
```
#2c768f rgb(44,118,143)
```
#2c6e8f
```
#2c6e8f rgb(44,110,143)
```
#2c668f
```
#2c668f rgb(44,102,143)
```
#2c5d8f
```
#2c5d8f rgb(44,93,143)
```

Similar Colors

Text with hexadecimal color #2c768f

This text has a font color of #2c768f.

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

#2c768f background color

This paragraph has a background color of #2c768f.

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

#2c768f border color

This element has a border color of #2c768f.

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

CSS codes

.text {color:#2c768f;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#071317
```
#071317 rgb(7,19,23)
```
#0c1f26
```
#0c1f26 rgb(12,31,38)
```
#102c35
```
#102c35 rgb(16,44,53)
```
#153844
```
#153844 rgb(21,56,68)
```
#1a4453
```
#1a4453 rgb(26,68,83)
```
#1e5162
```
#1e5162 rgb(30,81,98)
```
#235d71
```
#235d71 rgb(35,93,113)
```
#276a80
```
#276a80 rgb(39,106,128)
```
#2c768f
```
#2c768f rgb(44,118,143)
```
#31829e
```
#31829e rgb(49,130,158)
```
#358fad
```
#358fad rgb(53,143,173)
```
#3a9bbc
```
#3a9bbc rgb(58,155,188)
```

Shade Color Variation

#44a5c5
```
#44a5c5 rgb(68,165,197)
```
#53acca
```
#53acca rgb(83,172,202)
```
#62b3cf
```
#62b3cf rgb(98,179,207)
```
#71bad3
```
#71bad3 rgb(113,186,211)
```
#80c2d8
```
#80c2d8 rgb(128,194,216)
```
#8fc9dd
```
#8fc9dd rgb(143,201,221)
```
#9ed0e1
```
#9ed0e1 rgb(158,208,225)
```
#add7e6
```
#add7e6 rgb(173,215,230)
```
#bcdfea
```
#bcdfea rgb(188,223,234)
```
#cbe6ef
```
#cbe6ef rgb(203,230,239)
```
#daedf4
```
#daedf4 rgb(218,237,244)
```
#e9f4f8
```
#e9f4f8 rgb(233,244,248)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#576164
```
#576164 rgb(87,97,100)
```
#50646b
```
#50646b rgb(80,100,107)
```
#496872
```
#496872 rgb(73,104,114)
```
#426b79
```
#426b79 rgb(66,107,121)
```
#3a6f81
```
#3a6f81 rgb(58,111,129)
```
#337288
```
#337288 rgb(51,114,136)
```
#2c768f
```
#2c768f rgb(44,118,143)
```
#257a96
```
#257a96 rgb(37,122,150)
```
#1e7d9d
```
#1e7d9d rgb(30,125,157)
```
#1681a5
```
#1681a5 rgb(22,129,165)
```
#0f84ac
```
#0f84ac rgb(15,132,172)
```
#0888b3
```
#0888b3 rgb(8,136,179)
```
#018bba
```
#018bba rgb(1,139,186)
```

Tone Color Variation

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

#6e748e Protanopia 1% of men
#6b7398 Deuteranopia 1% of men
#2d7f88 Tritanopia 0.001% of the population

Trichromacy

#56748e Protanomaly 1% of men, 0.01% of women
#547495 Deuteranomaly 6% of men, 0.4% of women
#2d7b8a Tritanomaly 0.01% of the population

#2c768f hex color

#2c768f Color Information

#2c768f Color Conversion

Color Schemes with #2c768f

Alternatives to #2c768f

#2c768f Preview

Shades and Tints of #2c768f

Tones of #2c768f

Color Blindness Simulator