#2d7386 hex color

In a RGB color space, hex #2d7386 is composed of 17.6% red, 45.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 14.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 192.8 degrees, a saturation of 49.7% and a lightness of 35.1%. #2d7386 color hex could be obtained by blending #5ae6ff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 45
- B 53
RGB color chart
- C 66
- M 14
- Y 0
- K 47
CMYK color chart

● #2d7386 color description : Dark moderate cyan.

The hexadecimal color #2d7386 has RGB values of R:45, G:115, B:134 and CMYK values of C:0.66, M:0.14, Y:0, K:0.47. Its decimal value is 2978694.

Hex triplet	2d7386	`#2d7386`
RGB Decimal	45, 115, 134	`rgb(45,115,134)`
RGB Percent	17.6, 45.1, 52.5	`rgb(17.6%,45.1%,52.5%)`
CMYK	66, 14, 0, 47
HSL	192.8°, 49.7, 35.1	`hsl(192.8,49.7%,35.1%)`
HSV (or HSB)	192.8°, 66.4, 52.5
Web Safe	336699	`#336699`

CIE-LAB	44.997, -15.513, -16.895
XYZ	11.515, 14.54, 24.753
xyY	0.227, 0.286, 14.54
CIE-LCH	44.997, 22.937, 227.442
CIE-LUV	44.997, -27.062, -22.052
Hunter-Lab	38.131, -12.825, -11.796
Binary	00101101, 01110011, 10000110

#2d7386
```
#2d7386 rgb(45,115,134)
```
#86402d
```
#86402d rgb(134,64,45)
```

Complementary Color

#2d866d
```
#2d866d rgb(45,134,109)
```
#2d7386
```
#2d7386 rgb(45,115,134)
```
#2d4686
```
#2d4686 rgb(45,70,134)
```

Analogous Color

#866d2d
```
#866d2d rgb(134,109,45)
```
#2d7386
```
#2d7386 rgb(45,115,134)
```
#862d46
```
#862d46 rgb(134,45,70)
```

Split Complementary Color

#73862d
```
#73862d rgb(115,134,45)
```
#2d7386
```
#2d7386 rgb(45,115,134)
```
#862d73
```
#862d73 rgb(134,45,115)
```

Triadic Color

#2d8640
```
#2d8640 rgb(45,134,64)
```
#2d7386
```
#2d7386 rgb(45,115,134)
```
#862d73
```
#862d73 rgb(134,45,115)
```
#86402d
```
#86402d rgb(134,64,45)
```

Tetradic Color

#1a424d
```
#1a424d rgb(26,66,77)
```
#205260
```
#205260 rgb(32,82,96)
```
#276373
```
#276373 rgb(39,99,115)
```
#2d7386
```
#2d7386 rgb(45,115,134)
```
#338399
```
#338399 rgb(51,131,153)
```
#3a94ac
```
#3a94ac rgb(58,148,172)
```
#40a4bf
```
#40a4bf rgb(64,164,191)
```

Monochromatic Color

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

#2d8683
```
#2d8683 rgb(45,134,131)
```
#2d8286
```
#2d8286 rgb(45,130,134)
```
#2d7a86
```
#2d7a86 rgb(45,122,134)
```
#2d7386
```
#2d7386 rgb(45,115,134)
```
#2d6c86
```
#2d6c86 rgb(45,108,134)
```
#2d6486
```
#2d6486 rgb(45,100,134)
```
#2d5d86
```
#2d5d86 rgb(45,93,134)
```

Similar Colors

Text with hexadecimal color #2d7386

This text has a font color of #2d7386.

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

#2d7386 background color

This paragraph has a background color of #2d7386.

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

#2d7386 border color

This element has a border color of #2d7386.

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

CSS codes

.text {color:#2d7386;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060e11
```
#060e11 rgb(6,14,17)
```
#0a1b1f
```
#0a1b1f rgb(10,27,31)
```
#0f272e
```
#0f272e rgb(15,39,46)
```
#14343d
```
#14343d rgb(20,52,61)
```
#19414b
```
#19414b rgb(25,65,75)
```
#1e4d5a
```
#1e4d5a rgb(30,77,90)
```
#235a69
```
#235a69 rgb(35,90,105)
```
#286677
```
#286677 rgb(40,102,119)
```
#2d7386
```
#2d7386 rgb(45,115,134)
```
#328095
```
#328095 rgb(50,128,149)
```
#378ca3
```
#378ca3 rgb(55,140,163)
```
#3c99b2
```
#3c99b2 rgb(60,153,178)
```

Shade Color Variation

#42a5c0
```
#42a5c0 rgb(66,165,192)
```
#51acc4
```
#51acc4 rgb(81,172,196)
```
#5fb3c9
```
#5fb3c9 rgb(95,179,201)
```
#6ebace
```
#6ebace rgb(110,186,206)
```
#7dc1d3
```
#7dc1d3 rgb(125,193,211)
```
#8bc8d8
```
#8bc8d8 rgb(139,200,216)
```
#9acfdd
```
#9acfdd rgb(154,207,221)
```
#a9d6e2
```
#a9d6e2 rgb(169,214,226)
```
#b7dde7
```
#b7dde7 rgb(183,221,231)
```
#c6e4ec
```
#c6e4ec rgb(198,228,236)
```
#d5ebf1
```
#d5ebf1 rgb(213,235,241)
```
#e3f2f6
```
#e3f2f6 rgb(227,242,246)
```
#f2f9fb
```
#f2f9fb rgb(242,249,251)
```

Tint Color Variation

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

#565b5d
```
#565b5d rgb(86,91,93)
```
#4f5f64
```
#4f5f64 rgb(79,95,100)
```
#49636a
```
#49636a rgb(73,99,106)
```
#426771
```
#426771 rgb(66,103,113)
```
#3b6b78
```
#3b6b78 rgb(59,107,120)
```
#346f7f
```
#346f7f rgb(52,111,127)
```
#2d7386
```
#2d7386 rgb(45,115,134)
```
#26778d
```
#26778d rgb(38,119,141)
```
#1f7b94
```
#1f7b94 rgb(31,123,148)
```
#187f9b
```
#187f9b rgb(24,127,155)
```
#1183a2
```
#1183a2 rgb(17,131,162)
```
#0b87a8
```
#0b87a8 rgb(11,135,168)
```
#048baf
```
#048baf rgb(4,139,175)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#566468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7186 Protanopia 1% of men
#6b7090 Deuteranopia 1% of men
#327b84 Tritanopia 0.001% of the population

Trichromacy

#557186 Protanomaly 1% of men, 0.01% of women
#55718c Deuteranomaly 6% of men, 0.4% of women
#307885 Tritanomaly 0.01% of the population

#2d7386 hex color

#2d7386 Color Information

#2d7386 Color Conversion

Color Schemes with #2d7386

Alternatives to #2d7386

#2d7386 Preview

Shades and Tints of #2d7386

Tones of #2d7386

Color Blindness Simulator