#2d7c93 hex color

In a RGB color space, hex #2d7c93 is composed of 17.6% red, 48.6% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 15.6% magenta, 0% yellow and 42.4% black. It has a hue angle of 193.5 degrees, a saturation of 53.1% and a lightness of 37.6%. #2d7c93 color hex could be obtained by blending #5af8ff with #000027. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 49
- B 58
RGB color chart
- C 69
- M 16
- Y 0
- K 42
CMYK color chart

● #2d7c93 color description : Dark moderate cyan.

The hexadecimal color #2d7c93 has RGB values of R:45, G:124, B:147 and CMYK values of C:0.69, M:0.16, Y:0, K:0.42. Its decimal value is 2981011.

Hex triplet	2d7c93	`#2d7c93`
RGB Decimal	45, 124, 147	`rgb(45,124,147)`
RGB Percent	17.6, 48.6, 57.6	`rgb(17.6%,48.6%,57.6%)`
CMYK	69, 16, 0, 42
HSL	193.5°, 53.1, 37.6	`hsl(193.5,53.1%,37.6%)`
HSV (or HSB)	193.5°, 69.4, 57.6
Web Safe	336699	`#336699`

CIE-LAB	48.359, -16.18, -19.444
XYZ	13.555, 17.079, 30.184
xyY	0.223, 0.281, 17.079
CIE-LCH	48.359, 25.295, 230.236
CIE-LUV	48.359, -29.767, -26.222
Hunter-Lab	41.326, -13.774, -14.376
Binary	00101101, 01111100, 10010011

#2d7c93
```
#2d7c93 rgb(45,124,147)
```
#93442d
```
#93442d rgb(147,68,45)
```

Complementary Color

#2d9377
```
#2d9377 rgb(45,147,119)
```
#2d7c93
```
#2d7c93 rgb(45,124,147)
```
#2d4993
```
#2d4993 rgb(45,73,147)
```

Analogous Color

#93772d
```
#93772d rgb(147,119,45)
```
#2d7c93
```
#2d7c93 rgb(45,124,147)
```
#932d49
```
#932d49 rgb(147,45,73)
```

Split Complementary Color

#7c932d
```
#7c932d rgb(124,147,45)
```
#2d7c93
```
#2d7c93 rgb(45,124,147)
```
#932d7c
```
#932d7c rgb(147,45,124)
```

Triadic Color

#2d9344
```
#2d9344 rgb(45,147,68)
```
#2d7c93
```
#2d7c93 rgb(45,124,147)
```
#932d7c
```
#932d7c rgb(147,45,124)
```
#93442d
```
#93442d rgb(147,68,45)
```

Tetradic Color

#1b4b58
```
#1b4b58 rgb(27,75,88)
```
#215b6c
```
#215b6c rgb(33,91,108)
```
#276c7f
```
#276c7f rgb(39,108,127)
```
#2d7c93
```
#2d7c93 rgb(45,124,147)
```
#338ca7
```
#338ca7 rgb(51,140,167)
```
#399dba
```
#399dba rgb(57,157,186)
```
#46a9c6
```
#46a9c6 rgb(70,169,198)
```

Monochromatic Color

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

#2d9391
```
#2d9391 rgb(45,147,145)
```
#2d8d93
```
#2d8d93 rgb(45,141,147)
```
#2d8593
```
#2d8593 rgb(45,133,147)
```
#2d7c93
```
#2d7c93 rgb(45,124,147)
```
#2d7493
```
#2d7493 rgb(45,116,147)
```
#2d6b93
```
#2d6b93 rgb(45,107,147)
```
#2d6393
```
#2d6393 rgb(45,99,147)
```

Similar Colors

Text with hexadecimal color #2d7c93

This text has a font color of #2d7c93.

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

#2d7c93 background color

This paragraph has a background color of #2d7c93.

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

#2d7c93 border color

This element has a border color of #2d7c93.

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

CSS codes

.text {color:#2d7c93;}

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

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

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

#040a0c
```
#040a0c rgb(4,10,12)
```
#08171b
```
#08171b rgb(8,23,27)
```
#0d232a
```
#0d232a rgb(13,35,42)
```
#113039
```
#113039 rgb(17,48,57)
```
#163d48
```
#163d48 rgb(22,61,72)
```
#1b4957
```
#1b4957 rgb(27,73,87)
```
#1f5666
```
#1f5666 rgb(31,86,102)
```
#246375
```
#246375 rgb(36,99,117)
```
#286f84
```
#286f84 rgb(40,111,132)
```
#2d7c93
```
#2d7c93 rgb(45,124,147)
```
#3289a2
```
#3289a2 rgb(50,137,162)
```
#3695b1
```
#3695b1 rgb(54,149,177)
```
#3ba2c0
```
#3ba2c0 rgb(59,162,192)
```

Shade Color Variation

#48aac7
```
#48aac7 rgb(72,170,199)
```
#57b1cb
```
#57b1cb rgb(87,177,203)
```
#66b8d0
```
#66b8d0 rgb(102,184,208)
```
#75bfd5
```
#75bfd5 rgb(117,191,213)
```
#84c6d9
```
#84c6d9 rgb(132,198,217)
```
#93cdde
```
#93cdde rgb(147,205,222)
```
#a2d4e2
```
#a2d4e2 rgb(162,212,226)
```
#b1dbe7
```
#b1dbe7 rgb(177,219,231)
```
#c0e2ec
```
#c0e2ec rgb(192,226,236)
```
#cfe9f0
```
#cfe9f0 rgb(207,233,240)
```
#def0f5
```
#def0f5 rgb(222,240,245)
```
#edf7f9
```
#edf7f9 rgb(237,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, #596467 is the less saturated color, while #0194bf is the most saturated one.

#596467
```
#596467 rgb(89,100,103)
```
#52686e
```
#52686e rgb(82,104,110)
```
#4b6c75
```
#4b6c75 rgb(75,108,117)
```
#43707d
```
#43707d rgb(67,112,125)
```
#3c7484
```
#3c7484 rgb(60,116,132)
```
#34788c
```
#34788c rgb(52,120,140)
```
#2d7c93
```
#2d7c93 rgb(45,124,147)
```
#26809a
```
#26809a rgb(38,128,154)
```
#1e84a2
```
#1e84a2 rgb(30,132,162)
```
#1788a9
```
#1788a9 rgb(23,136,169)
```
#0f8cb1
```
#0f8cb1 rgb(15,140,177)
```
#0890b8
```
#0890b8 rgb(8,144,184)
```
#0194bf
```
#0194bf rgb(1,148,191)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b6b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#747992 Protanopia 1% of men
#71789c Deuteranopia 1% of men
#30848e Tritanopia 0.001% of the population

Trichromacy

#5a7a92 Protanomaly 1% of men, 0.01% of women
#587999 Deuteranomaly 6% of men, 0.4% of women
#2f8190 Tritanomaly 0.01% of the population

#2d7c93 hex color

#2d7c93 Color Information

#2d7c93 Color Conversion

Color Schemes with #2d7c93

Alternatives to #2d7c93

#2d7c93 Preview

Shades and Tints of #2d7c93

Tones of #2d7c93

Color Blindness Simulator