#2d7186 hex color

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

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

● #2d7186 color description : Dark moderate cyan.

The hexadecimal color #2d7186 has RGB values of R:45, G:113, B:134 and CMYK values of C:0.66, M:0.16, Y:0, K:0.47. Its decimal value is 2978182.

Hex triplet	2d7186	`#2d7186`
RGB Decimal	45, 113, 134	`rgb(45,113,134)`
RGB Percent	17.6, 44.3, 52.5	`rgb(17.6%,44.3%,52.5%)`
CMYK	66, 16, 0, 47
HSL	194.2°, 49.7, 35.1	`hsl(194.2,49.7%,35.1%)`
HSV (or HSB)	194.2°, 66.4, 52.5
Web Safe	336699	`#336699`

CIE-LAB	44.36, -14.391, -17.871
XYZ	11.289, 14.088, 24.677
xyY	0.226, 0.281, 14.088
CIE-LCH	44.36, 22.945, 231.156
CIE-LUV	44.36, -26.306, -23.59
Hunter-Lab	37.535, -11.998, -12.706
Binary	00101101, 01110001, 10000110

#2d7186
```
#2d7186 rgb(45,113,134)
```
#86422d
```
#86422d rgb(134,66,45)
```

Complementary Color

#2d866f
```
#2d866f rgb(45,134,111)
```
#2d7186
```
#2d7186 rgb(45,113,134)
```
#2d4586
```
#2d4586 rgb(45,69,134)
```

Analogous Color

#866f2d
```
#866f2d rgb(134,111,45)
```
#2d7186
```
#2d7186 rgb(45,113,134)
```
#862d45
```
#862d45 rgb(134,45,69)
```

Split Complementary Color

#71862d
```
#71862d rgb(113,134,45)
```
#2d7186
```
#2d7186 rgb(45,113,134)
```
#862d71
```
#862d71 rgb(134,45,113)
```

Triadic Color

#2d8642
```
#2d8642 rgb(45,134,66)
```
#2d7186
```
#2d7186 rgb(45,113,134)
```
#862d71
```
#862d71 rgb(134,45,113)
```
#86422d
```
#86422d rgb(134,66,45)
```

Tetradic Color

#1a414d
```
#1a414d rgb(26,65,77)
```
#205160
```
#205160 rgb(32,81,96)
```
#276173
```
#276173 rgb(39,97,115)
```
#2d7186
```
#2d7186 rgb(45,113,134)
```
#338199
```
#338199 rgb(51,129,153)
```
#3a91ac
```
#3a91ac rgb(58,145,172)
```
#40a1bf
```
#40a1bf rgb(64,161,191)
```

Monochromatic Color

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

#2d8685
```
#2d8685 rgb(45,134,133)
```
#2d8086
```
#2d8086 rgb(45,128,134)
```
#2d7886
```
#2d7886 rgb(45,120,134)
```
#2d7186
```
#2d7186 rgb(45,113,134)
```
#2d6a86
```
#2d6a86 rgb(45,106,134)
```
#2d6286
```
#2d6286 rgb(45,98,134)
```
#2d5b86
```
#2d5b86 rgb(45,91,134)
```

Similar Colors

Text with hexadecimal color #2d7186

This text has a font color of #2d7186.

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

#2d7186 background color

This paragraph has a background color of #2d7186.

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

#2d7186 border color

This element has a border color of #2d7186.

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

CSS codes

.text {color:#2d7186;}

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

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

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)
```
#0a1a1f
```
#0a1a1f rgb(10,26,31)
```
#0f272e
```
#0f272e rgb(15,39,46)
```
#14333d
```
#14333d rgb(20,51,61)
```
#193f4b
```
#193f4b rgb(25,63,75)
```
#1e4c5a
```
#1e4c5a rgb(30,76,90)
```
#235869
```
#235869 rgb(35,88,105)
```
#286577
```
#286577 rgb(40,101,119)
```
#2d7186
```
#2d7186 rgb(45,113,134)
```
#327d95
```
#327d95 rgb(50,125,149)
```
#378aa3
```
#378aa3 rgb(55,138,163)
```
#3c96b2
```
#3c96b2 rgb(60,150,178)
```

Shade Color Variation

#42a2c0
```
#42a2c0 rgb(66,162,192)
```
#51a9c4
```
#51a9c4 rgb(81,169,196)
```
#5fb0c9
```
#5fb0c9 rgb(95,176,201)
```
#6eb8ce
```
#6eb8ce rgb(110,184,206)
```
#7dbfd3
```
#7dbfd3 rgb(125,191,211)
```
#8bc6d8
```
#8bc6d8 rgb(139,198,216)
```
#9acddd
```
#9acddd rgb(154,205,221)
```
#a9d5e2
```
#a9d5e2 rgb(169,213,226)
```
#b7dce7
```
#b7dce7 rgb(183,220,231)
```
#c6e3ec
```
#c6e3ec rgb(198,227,236)
```
#d5eaf1
```
#d5eaf1 rgb(213,234,241)
```
#e3f1f6
```
#e3f1f6 rgb(227,241,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 #0487af is the most saturated one.

#565b5d
```
#565b5d rgb(86,91,93)
```
#4f5f64
```
#4f5f64 rgb(79,95,100)
```
#49626a
```
#49626a rgb(73,98,106)
```
#426671
```
#426671 rgb(66,102,113)
```
#3b6a78
```
#3b6a78 rgb(59,106,120)
```
#346d7f
```
#346d7f rgb(52,109,127)
```
#2d7186
```
#2d7186 rgb(45,113,134)
```
#26758d
```
#26758d rgb(38,117,141)
```
#1f7894
```
#1f7894 rgb(31,120,148)
```
#187c9b
```
#187c9b rgb(24,124,155)
```
#1180a2
```
#1180a2 rgb(17,128,162)
```
#0b83a8
```
#0b83a8 rgb(11,131,168)
```
#0487af
```
#0487af rgb(4,135,175)
```

Tone Color Variation

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

Dichromacy

#6b6f86 Protanopia 1% of men
#696f8f Deuteranopia 1% of men
#317a83 Tritanopia 0.001% of the population

Trichromacy

#547086 Protanomaly 1% of men, 0.01% of women
#536f8c Deuteranomaly 6% of men, 0.4% of women
#307684 Tritanomaly 0.01% of the population

#2d7186 hex color

#2d7186 Color Information

#2d7186 Color Conversion

Color Schemes with #2d7186

Alternatives to #2d7186

#2d7186 Preview

Shades and Tints of #2d7186

Tones of #2d7186

Color Blindness Simulator