#2d7f93 hex color

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

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

● #2d7f93 color description : Dark moderate cyan.

The hexadecimal color #2d7f93 has RGB values of R:45, G:127, B:147 and CMYK values of C:0.69, M:0.14, Y:0, K:0.42. Its decimal value is 2981779.

Hex triplet	2d7f93	`#2d7f93`
RGB Decimal	45, 127, 147	`rgb(45,127,147)`
RGB Percent	17.6, 49.8, 57.6	`rgb(17.6%,49.8%,57.6%)`
CMYK	69, 14, 0, 42
HSL	191.8°, 53.1, 37.6	`hsl(191.8,53.1%,37.6%)`
HSV (or HSB)	191.8°, 69.4, 57.6
Web Safe	336699	`#336699`

CIE-LAB	49.304, -17.824, -17.998
XYZ	13.937, 17.842, 30.312
xyY	0.224, 0.287, 17.842
CIE-LCH	49.304, 25.33, 225.279
CIE-LUV	49.304, -30.885, -23.879
Hunter-Lab	42.24, -15.026, -12.979
Binary	00101101, 01111111, 10010011

#2d7f93
```
#2d7f93 rgb(45,127,147)
```
#93412d
```
#93412d rgb(147,65,45)
```

Complementary Color

#2d9374
```
#2d9374 rgb(45,147,116)
```
#2d7f93
```
#2d7f93 rgb(45,127,147)
```
#2d4c93
```
#2d4c93 rgb(45,76,147)
```

Analogous Color

#93742d
```
#93742d rgb(147,116,45)
```
#2d7f93
```
#2d7f93 rgb(45,127,147)
```
#932d4c
```
#932d4c rgb(147,45,76)
```

Split Complementary Color

#7f932d
```
#7f932d rgb(127,147,45)
```
#2d7f93
```
#2d7f93 rgb(45,127,147)
```
#932d7f
```
#932d7f rgb(147,45,127)
```

Triadic Color

#2d9341
```
#2d9341 rgb(45,147,65)
```
#2d7f93
```
#2d7f93 rgb(45,127,147)
```
#932d7f
```
#932d7f rgb(147,45,127)
```
#93412d
```
#93412d rgb(147,65,45)
```

Tetradic Color

#1b4c58
```
#1b4c58 rgb(27,76,88)
```
#215d6c
```
#215d6c rgb(33,93,108)
```
#276e7f
```
#276e7f rgb(39,110,127)
```
#2d7f93
```
#2d7f93 rgb(45,127,147)
```
#3390a7
```
#3390a7 rgb(51,144,167)
```
#39a1ba
```
#39a1ba rgb(57,161,186)
```
#46adc6
```
#46adc6 rgb(70,173,198)
```

Monochromatic Color

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

#2d938e
```
#2d938e rgb(45,147,142)
```
#2d9093
```
#2d9093 rgb(45,144,147)
```
#2d8893
```
#2d8893 rgb(45,136,147)
```
#2d7f93
```
#2d7f93 rgb(45,127,147)
```
#2d7793
```
#2d7793 rgb(45,119,147)
```
#2d6e93
```
#2d6e93 rgb(45,110,147)
```
#2d6693
```
#2d6693 rgb(45,102,147)
```

Similar Colors

Text with hexadecimal color #2d7f93

This text has a font color of #2d7f93.

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

#2d7f93 background color

This paragraph has a background color of #2d7f93.

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

#2d7f93 border color

This element has a border color of #2d7f93.

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

CSS codes

.text {color:#2d7f93;}

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

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

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)
```
#0d242a
```
#0d242a rgb(13,36,42)
```
#113139
```
#113139 rgb(17,49,57)
```
#163e48
```
#163e48 rgb(22,62,72)
```
#1b4b57
```
#1b4b57 rgb(27,75,87)
```
#1f5866
```
#1f5866 rgb(31,88,102)
```
#246575
```
#246575 rgb(36,101,117)
```
#287284
```
#287284 rgb(40,114,132)
```
#2d7f93
```
#2d7f93 rgb(45,127,147)
```
#328ca2
```
#328ca2 rgb(50,140,162)
```
#3699b1
```
#3699b1 rgb(54,153,177)
```
#3ba6c0
```
#3ba6c0 rgb(59,166,192)
```

Shade Color Variation

#48aec7
```
#48aec7 rgb(72,174,199)
```
#57b5cb
```
#57b5cb rgb(87,181,203)
```
#66bbd0
```
#66bbd0 rgb(102,187,208)
```
#75c2d5
```
#75c2d5 rgb(117,194,213)
```
#84c8d9
```
#84c8d9 rgb(132,200,217)
```
#93cfde
```
#93cfde rgb(147,207,222)
```
#a2d6e2
```
#a2d6e2 rgb(162,214,226)
```
#b1dce7
```
#b1dce7 rgb(177,220,231)
```
#c0e3ec
```
#c0e3ec rgb(192,227,236)
```
#cfeaf0
```
#cfeaf0 rgb(207,234,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 #019abf is the most saturated one.

#596467
```
#596467 rgb(89,100,103)
```
#52696e
```
#52696e rgb(82,105,110)
```
#4b6d75
```
#4b6d75 rgb(75,109,117)
```
#43727d
```
#43727d rgb(67,114,125)
```
#3c7684
```
#3c7684 rgb(60,118,132)
```
#347b8c
```
#347b8c rgb(52,123,140)
```
#2d7f93
```
#2d7f93 rgb(45,127,147)
```
#26839a
```
#26839a rgb(38,131,154)
```
#1e88a2
```
#1e88a2 rgb(30,136,162)
```
#178ca9
```
#178ca9 rgb(23,140,169)
```
#0f91b1
```
#0f91b1 rgb(15,145,177)
```
#0895b8
```
#0895b8 rgb(8,149,184)
```
#019abf
```
#019abf rgb(1,154,191)
```

Tone Color Variation

Below, you can see how #2d7f93 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
#5d6d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777b92 Protanopia 1% of men
#757a9c Deuteranopia 1% of men
#328790 Tritanopia 0.001% of the population

Trichromacy

#5c7c92 Protanomaly 1% of men, 0.01% of women
#5b7c99 Deuteranomaly 6% of men, 0.4% of women
#308491 Tritanomaly 0.01% of the population

#2d7f93 hex color

#2d7f93 Color Information

#2d7f93 Color Conversion

Color Schemes with #2d7f93

Alternatives to #2d7f93

#2d7f93 Preview

Shades and Tints of #2d7f93

Tones of #2d7f93

Color Blindness Simulator