#2c7281 hex color

In a RGB color space, hex #2c7281 is composed of 17.3% red, 44.7% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 11.6% magenta, 0% yellow and 49.4% black. It has a hue angle of 190.6 degrees, a saturation of 49.1% and a lightness of 33.9%. #2c7281 color hex could be obtained by blending #58e4ff with #000003. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 45
- B 51
RGB color chart
- C 66
- M 12
- Y 0
- K 49
CMYK color chart

● #2c7281 color description : Dark moderate cyan.

The hexadecimal color #2c7281 has RGB values of R:44, G:114, B:129 and CMYK values of C:0.66, M:0.12, Y:0, K:0.49. Its decimal value is 2912897.

Hex triplet	2c7281	`#2c7281`
RGB Decimal	44, 114, 129	`rgb(44,114,129)`
RGB Percent	17.3, 44.7, 50.6	`rgb(17.3%,44.7%,50.6%)`
CMYK	66, 12, 0, 49
HSL	190.6°, 49.1, 33.9	`hsl(190.6,49.1%,33.9%)`
HSV (or HSB)	190.6°, 65.9, 50.6
Web Safe	336699	`#336699`

CIE-LAB	44.453, -16.784, -14.742
XYZ	11.017, 14.154, 22.919
xyY	0.229, 0.294, 14.154
CIE-LCH	44.453, 22.339, 221.293
CIE-LUV	44.453, -27.139, -18.613
Hunter-Lab	37.622, -13.566, -9.784
Binary	00101100, 01110010, 10000001

#2c7281
```
#2c7281 rgb(44,114,129)
```
#813b2c
```
#813b2c rgb(129,59,44)
```

Complementary Color

#2c8166
```
#2c8166 rgb(44,129,102)
```
#2c7281
```
#2c7281 rgb(44,114,129)
```
#2c4881
```
#2c4881 rgb(44,72,129)
```

Analogous Color

#81662c
```
#81662c rgb(129,102,44)
```
#2c7281
```
#2c7281 rgb(44,114,129)
```
#812c48
```
#812c48 rgb(129,44,72)
```

Split Complementary Color

#72812c
```
#72812c rgb(114,129,44)
```
#2c7281
```
#2c7281 rgb(44,114,129)
```
#812c72
```
#812c72 rgb(129,44,114)
```

Triadic Color

#2c813b
```
#2c813b rgb(44,129,59)
```
#2c7281
```
#2c7281 rgb(44,114,129)
```
#812c72
```
#812c72 rgb(129,44,114)
```
#813b2c
```
#813b2c rgb(129,59,44)
```

Tetradic Color

#194048
```
#194048 rgb(25,64,72)
```
#1f505b
```
#1f505b rgb(31,80,91)
```
#26616e
```
#26616e rgb(38,97,110)
```
#2c7281
```
#2c7281 rgb(44,114,129)
```
#328394
```
#328394 rgb(50,131,148)
```
#3994a7
```
#3994a7 rgb(57,148,167)
```
#3fa4ba
```
#3fa4ba rgb(63,164,186)
```

Monochromatic Color

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

#2c817b
```
#2c817b rgb(44,129,123)
```
#2c8081
```
#2c8081 rgb(44,128,129)
```
#2c7981
```
#2c7981 rgb(44,121,129)
```
#2c7281
```
#2c7281 rgb(44,114,129)
```
#2c6b81
```
#2c6b81 rgb(44,107,129)
```
#2c6481
```
#2c6481 rgb(44,100,129)
```
#2c5d81
```
#2c5d81 rgb(44,93,129)
```

Similar Colors

Text with hexadecimal color #2c7281

This text has a font color of #2c7281.

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

#2c7281 background color

This paragraph has a background color of #2c7281.

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

#2c7281 border color

This element has a border color of #2c7281.

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

CSS codes

.text {color:#2c7281;}

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

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

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, #040b0c is the darkest color, while #fcfefe is the lightest one.

#040b0c
```
#040b0c rgb(4,11,12)
```
#09181b
```
#09181b rgb(9,24,27)
```
#0e2429
```
#0e2429 rgb(14,36,41)
```
#133138
```
#133138 rgb(19,49,56)
```
#183e46
```
#183e46 rgb(24,62,70)
```
#1d4b55
```
#1d4b55 rgb(29,75,85)
```
#225864
```
#225864 rgb(34,88,100)
```
#276572
```
#276572 rgb(39,101,114)
```
#2c7281
```
#2c7281 rgb(44,114,129)
```
#317f90
```
#317f90 rgb(49,127,144)
```
#368c9e
```
#368c9e rgb(54,140,158)
```
#3b99ad
```
#3b99ad rgb(59,153,173)
```
#40a6bc
```
#40a6bc rgb(64,166,188)
```

Shade Color Variation

#4daec2
```
#4daec2 rgb(77,174,194)
```
#5bb4c7
```
#5bb4c7 rgb(91,180,199)
```
#6abbcc
```
#6abbcc rgb(106,187,204)
```
#79c2d1
```
#79c2d1 rgb(121,194,209)
```
#87c8d6
```
#87c8d6 rgb(135,200,214)
```
#96cfdb
```
#96cfdb rgb(150,207,219)
```
#a5d6e0
```
#a5d6e0 rgb(165,214,224)
```
#b3dce5
```
#b3dce5 rgb(179,220,229)
```
#c2e3ea
```
#c2e3ea rgb(194,227,234)
```
#d0eaef
```
#d0eaef rgb(208,234,239)
```
#dff0f4
```
#dff0f4 rgb(223,240,244)
```
#eef7f9
```
#eef7f9 rgb(238,247,249)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#545859
```
#545859 rgb(84,88,89)
```
#4d5c60
```
#4d5c60 rgb(77,92,96)
```
#476166
```
#476166 rgb(71,97,102)
```
#40656d
```
#40656d rgb(64,101,109)
```
#396974
```
#396974 rgb(57,105,116)
```
#336e7a
```
#336e7a rgb(51,110,122)
```
#2c7281
```
#2c7281 rgb(44,114,129)
```
#257688
```
#257688 rgb(37,118,136)
```
#1f7b8e
```
#1f7b8e rgb(31,123,142)
```
#187f95
```
#187f95 rgb(24,127,149)
```
#11839c
```
#11839c rgb(17,131,156)
```
#0b88a2
```
#0b88a2 rgb(11,136,162)
```
#048ca9
```
#048ca9 rgb(4,140,169)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#556366 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7081 Protanopia 1% of men
#6c6e8b Deuteranopia 1% of men
#347a83 Tritanopia 0.001% of the population

Trichromacy

#557081 Protanomaly 1% of men, 0.01% of women
#557087 Deuteranomaly 6% of men, 0.4% of women
#317782 Tritanomaly 0.01% of the population

#2c7281 hex color

#2c7281 Color Information

#2c7281 Color Conversion

Color Schemes with #2c7281

Alternatives to #2c7281

#2c7281 Preview

Shades and Tints of #2c7281

Tones of #2c7281

Color Blindness Simulator