#2c7da7 hex color

In a RGB color space, hex #2c7da7 is composed of 17.3% red, 49% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 25.1% magenta, 0% yellow and 34.5% black. It has a hue angle of 200.5 degrees, a saturation of 58.3% and a lightness of 41.4%. #2c7da7 color hex could be obtained by blending #58faff with #00004f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 49
- B 65
RGB color chart
- C 74
- M 25
- Y 0
- K 35
CMYK color chart

● #2c7da7 color description : Dark blue.

The hexadecimal color #2c7da7 has RGB values of R:44, G:125, B:167 and CMYK values of C:0.74, M:0.25, Y:0, K:0.35. Its decimal value is 2915751.

Hex triplet	2c7da7	`#2c7da7`
RGB Decimal	44, 125, 167	`rgb(44,125,167)`
RGB Percent	17.3, 49, 65.5	`rgb(17.3%,49%,65.5%)`
CMYK	74, 25, 0, 35
HSL	200.5°, 58.3, 41.4	`hsl(200.5,58.3%,41.4%)`
HSV (or HSB)	200.5°, 73.7, 65.5
Web Safe	336699	`#336699`

CIE-LAB	49.486, -10.005, -29.397
XYZ	15.346, 17.991, 39.221
xyY	0.211, 0.248, 17.991
CIE-LCH	49.486, 31.053, 251.204
CIE-LUV	49.486, -29.259, -42.731
Hunter-Lab	42.416, -9.65, -25.132
Binary	00101100, 01111101, 10100111

#2c7da7
```
#2c7da7 rgb(44,125,167)
```
#a7562c
```
#a7562c rgb(167,86,44)
```

Complementary Color

#2ca794
```
#2ca794 rgb(44,167,148)
```
#2c7da7
```
#2c7da7 rgb(44,125,167)
```
#2c40a7
```
#2c40a7 rgb(44,64,167)
```

Analogous Color

#a7942c
```
#a7942c rgb(167,148,44)
```
#2c7da7
```
#2c7da7 rgb(44,125,167)
```
#a72c40
```
#a72c40 rgb(167,44,64)
```

Split Complementary Color

#7da72c
```
#7da72c rgb(125,167,44)
```
#2c7da7
```
#2c7da7 rgb(44,125,167)
```
#a72c7d
```
#a72c7d rgb(167,44,125)
```

Triadic Color

#2ca756
```
#2ca756 rgb(44,167,86)
```
#2c7da7
```
#2c7da7 rgb(44,125,167)
```
#a72c7d
```
#a72c7d rgb(167,44,125)
```
#a7562c
```
#a7562c rgb(167,86,44)
```

Tetradic Color

#1c506a
```
#1c506a rgb(28,80,106)
```
#215f7f
```
#215f7f rgb(33,95,127)
```
#276e93
```
#276e93 rgb(39,110,147)
```
#2c7da7
```
#2c7da7 rgb(44,125,167)
```
#318cbb
```
#318cbb rgb(49,140,187)
```
#3b9acb
```
#3b9acb rgb(59,154,203)
```
#4fa4d1
```
#4fa4d1 rgb(79,164,209)
```

Monochromatic Color

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

#2c9ca7
```
#2c9ca7 rgb(44,156,167)
```
#2c92a7
```
#2c92a7 rgb(44,146,167)
```
#2c87a7
```
#2c87a7 rgb(44,135,167)
```
#2c7da7
```
#2c7da7 rgb(44,125,167)
```
#2c73a7
```
#2c73a7 rgb(44,115,167)
```
#2c69a7
```
#2c69a7 rgb(44,105,167)
```
#2c5ea7
```
#2c5ea7 rgb(44,94,167)
```

Similar Colors

Text with hexadecimal color #2c7da7

This text has a font color of #2c7da7.

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

#2c7da7 background color

This paragraph has a background color of #2c7da7.

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

#2c7da7 border color

This element has a border color of #2c7da7.

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

CSS codes

.text {color:#2c7da7;}

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

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

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, #03090c is the darkest color, while #fbfdfe is the lightest one.

#03090c
```
#03090c rgb(3,9,12)
```
#07141b
```
#07141b rgb(7,20,27)
```
#0b202b
```
#0b202b rgb(11,32,43)
```
#0f2c3a
```
#0f2c3a rgb(15,44,58)
```
#13374a
```
#13374a rgb(19,55,74)
```
#184359
```
#184359 rgb(24,67,89)
```
#1c4f69
```
#1c4f69 rgb(28,79,105)
```
#205a78
```
#205a78 rgb(32,90,120)
```
#246688
```
#246688 rgb(36,102,136)
```
#287197
```
#287197 rgb(40,113,151)
```
#2c7da7
```
#2c7da7 rgb(44,125,167)
```
#3089b7
```
#3089b7 rgb(48,137,183)
```
#3494c6
```
#3494c6 rgb(52,148,198)
```

Shade Color Variation

#419dcd
```
#419dcd rgb(65,157,205)
```
#50a5d1
```
#50a5d1 rgb(80,165,209)
```
#60add5
```
#60add5 rgb(96,173,213)
```
#70b5d9
```
#70b5d9 rgb(112,181,217)
```
#7fbddd
```
#7fbddd rgb(127,189,221)
```
#8fc5e1
```
#8fc5e1 rgb(143,197,225)
```
#9ecde5
```
#9ecde5 rgb(158,205,229)
```
#aed5ea
```
#aed5ea rgb(174,213,234)
```
#bdddee
```
#bdddee rgb(189,221,238)
```
#cde5f2
```
#cde5f2 rgb(205,229,242)
```
#dcedf6
```
#dcedf6 rgb(220,237,246)
```
#ecf5fa
```
#ecf5fa rgb(236,245,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656b6e is the less saturated color, while #038ad0 is the most saturated one.

#656b6e
```
#656b6e rgb(101,107,110)
```
#5d6e76
```
#5d6e76 rgb(93,110,118)
```
#55707e
```
#55707e rgb(85,112,126)
```
#4c7387
```
#4c7387 rgb(76,115,135)
```
#44758f
```
#44758f rgb(68,117,143)
```
#3c7897
```
#3c7897 rgb(60,120,151)
```
#347a9f
```
#347a9f rgb(52,122,159)
```
#2c7da7
```
#2c7da7 rgb(44,125,167)
```
#2480af
```
#2480af rgb(36,128,175)
```
#1c82b7
```
#1c82b7 rgb(28,130,183)
```
#1485bf
```
#1485bf rgb(20,133,191)
```
#0c87c7
```
#0c87c7 rgb(12,135,199)
```
#038ad0
```
#038ad0 rgb(3,138,208)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5e6e76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7ba5 Protanopia 1% of men
#677bae Deuteranopia 1% of men
#198892 Tritanopia 0.001% of the population

Trichromacy

#567ba6 Protanomaly 1% of men, 0.01% of women
#517cab Deuteranomaly 6% of men, 0.4% of women
#20849a Tritanomaly 0.01% of the population

#2c7da7 hex color

#2c7da7 Color Information

#2c7da7 Color Conversion

Color Schemes with #2c7da7

Alternatives to #2c7da7

#2c7da7 Preview

Shades and Tints of #2c7da7

Tones of #2c7da7

Color Blindness Simulator