colorhexa.com

#2c8288 hex color

In a RGB color space, hex #2c8288 is composed of 17.3% red, 51% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 4.4% magenta, 0% yellow and 46.7% black. It has a hue angle of 183.9 degrees, a saturation of 51.1% and a lightness of 35.3%. #2c8288 color hex could be obtained by blending #58ffff with #000511. Closest websafe color is: #339999.

- R 17
- G 51
- B 53
RGB color chart
- C 68
- M 4
- Y 0
- K 47
CMYK color chart

● #2c8288 color description : Dark moderate cyan.

The hexadecimal color #2c8288 has RGB values of R:44, G:130, B:136 and CMYK values of C:0.68, M:0.04, Y:0, K:0.47. Its decimal value is 2917000.

Hex triplet	2c8288	`#2c8288`
RGB Decimal	44, 130, 136	`rgb(44,130,136)`
RGB Percent	17.3, 51, 53.3	`rgb(17.3%,51%,53.3%)`
CMYK	68, 4, 0, 47
HSL	183.9°, 51.1, 35.3	`hsl(183.9,51.1%,35.3%)`
HSV (or HSB)	183.9°, 67.6, 53.3
Web Safe	339999	`#339999`

CIE-LAB	49.831, -23.108, -10.753
XYZ	13.464, 18.277, 26.109
xyY	0.233, 0.316, 18.277
CIE-LCH	49.831, 25.487, 204.954
CIE-LUV	49.831, -32.825, -12.202
Hunter-Lab	42.752, -18.6, -6.283
Binary	00101100, 10000010, 10001000

#2c8288
```
#2c8288 rgb(44,130,136)
```
#88322c
```
#88322c rgb(136,50,44)
```

Complementary Color

#2c8860
```
#2c8860 rgb(44,136,96)
```
#2c8288
```
#2c8288 rgb(44,130,136)
```
#2c5488
```
#2c5488 rgb(44,84,136)
```

Analogous Color

#88602c
```
#88602c rgb(136,96,44)
```
#2c8288
```
#2c8288 rgb(44,130,136)
```
#882c54
```
#882c54 rgb(136,44,84)
```

Split Complementary Color

#82882c
```
#82882c rgb(130,136,44)
```
#2c8288
```
#2c8288 rgb(44,130,136)
```
#882c82
```
#882c82 rgb(136,44,130)
```

Triadic Color

#2c8832
```
#2c8832 rgb(44,136,50)
```
#2c8288
```
#2c8288 rgb(44,130,136)
```
#882c82
```
#882c82 rgb(136,44,130)
```
#88322c
```
#88322c rgb(136,50,44)
```

Tetradic Color

#194b4e
```
#194b4e rgb(25,75,78)
```
#205d61
```
#205d61 rgb(32,93,97)
```
#267075
```
#267075 rgb(38,112,117)
```
#2c8288
```
#2c8288 rgb(44,130,136)
```
#32949b
```
#32949b rgb(50,148,155)
```
#38a7af
```
#38a7af rgb(56,167,175)
```
#3fb9c1
```
#3fb9c1 rgb(63,185,193)
```

Monochromatic Color

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

#2c8877
```
#2c8877 rgb(44,136,119)
```
#2c887f
```
#2c887f rgb(44,136,127)
```
#2c8886
```
#2c8886 rgb(44,136,134)
```
#2c8288
```
#2c8288 rgb(44,130,136)
```
#2c7a88
```
#2c7a88 rgb(44,122,136)
```
#2c7388
```
#2c7388 rgb(44,115,136)
```
#2c6b88
```
#2c6b88 rgb(44,107,136)
```

Similar Colors

Text with hexadecimal color #2c8288

This text has a font color of #2c8288.

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

#2c8288 background color

This paragraph has a background color of #2c8288.

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

#2c8288 border color

This element has a border color of #2c8288.

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

CSS codes

.text {color:#2c8288;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#061111
```
#061111 rgb(6,17,17)
```
#0a1f20
```
#0a1f20 rgb(10,31,32)
```
#0f2d2f
```
#0f2d2f rgb(15,45,47)
```
#143b3e
```
#143b3e rgb(20,59,62)
```
#19494d
```
#19494d rgb(25,73,77)
```
#1e585c
```
#1e585c rgb(30,88,92)
```
#22666a
```
#22666a rgb(34,102,106)
```
#277479
```
#277479 rgb(39,116,121)
```
#2c8288
```
#2c8288 rgb(44,130,136)
```
#319097
```
#319097 rgb(49,144,151)
```
#369ea6
```
#369ea6 rgb(54,158,166)
```
#3aadb4
```
#3aadb4 rgb(58,173,180)
```

Shade Color Variation

#41b9c2
```
#41b9c2 rgb(65,185,194)
```
#50bfc6
```
#50bfc6 rgb(80,191,198)
```
#5fc4cb
```
#5fc4cb rgb(95,196,203)
```
#6dc9d0
```
#6dc9d0 rgb(109,201,208)
```
#7ccfd5
```
#7ccfd5 rgb(124,207,213)
```
#8bd4d9
```
#8bd4d9 rgb(139,212,217)
```
#9adade
```
#9adade rgb(154,218,222)
```
#a9dfe3
```
#a9dfe3 rgb(169,223,227)
```
#b8e5e8
```
#b8e5e8 rgb(184,229,232)
```
#c6eaed
```
#c6eaed rgb(198,234,237)
```
#d5f0f1
```
#d5f0f1 rgb(213,240,241)
```
#e4f5f6
```
#e4f5f6 rgb(228,245,246)
```
#f3fbfb
```
#f3fbfb rgb(243,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565e5e is the less saturated color, while #02a6b2 is the most saturated one.

#565e5e
```
#565e5e rgb(86,94,94)
```
#4f6465
```
#4f6465 rgb(79,100,101)
```
#486a6c
```
#486a6c rgb(72,106,108)
```
#417073
```
#417073 rgb(65,112,115)
```
#3a767a
```
#3a767a rgb(58,118,122)
```
#337c81
```
#337c81 rgb(51,124,129)
```
#2c8288
```
#2c8288 rgb(44,130,136)
```
#25888f
```
#25888f rgb(37,136,143)
```
#1e8e96
```
#1e8e96 rgb(30,142,150)
```
#17949d
```
#17949d rgb(23,148,157)
```
#109aa4
```
#109aa4 rgb(16,154,164)
```
#09a0ab
```
#09a0ab rgb(9,160,171)
```
#02a6b2
```
#02a6b2 rgb(2,166,178)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5d6e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7c87 Protanopia 1% of men
#7e7a93 Deuteranopia 1% of men
#398791 Tritanopia 0.001% of the population

Trichromacy

#5f7e87 Protanomaly 1% of men, 0.01% of women
#607d8f Deuteranomaly 6% of men, 0.4% of women
#34858e Tritanomaly 0.01% of the population