#2d6b7a hex color

In a RGB color space, hex #2d6b7a is composed of 17.6% red, 42% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 12.3% magenta, 0% yellow and 52.2% black. It has a hue angle of 191.7 degrees, a saturation of 46.1% and a lightness of 32.7%. #2d6b7a color hex could be obtained by blending #5ad6f4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 42
- B 48
RGB color chart
- C 63
- M 12
- Y 0
- K 52
CMYK color chart

● #2d6b7a color description : Dark moderate cyan.

The hexadecimal color #2d6b7a has RGB values of R:45, G:107, B:122 and CMYK values of C:0.63, M:0.12, Y:0, K:0.52. Its decimal value is 2976634.

Hex triplet	2d6b7a	`#2d6b7a`
RGB Decimal	45, 107, 122	`rgb(45,107,122)`
RGB Percent	17.6, 42, 47.8	`rgb(17.6%,42%,47.8%)`
CMYK	63, 12, 0, 52
HSL	191.7°, 46.1, 32.7	`hsl(191.7,46.1%,32.7%)`
HSV (or HSB)	191.7°, 63.1, 47.8
Web Safe	336666	`#336666`

CIE-LAB	41.965, -14.98, -14.316
XYZ	9.852, 12.478, 20.301
xyY	0.231, 0.293, 12.478
CIE-LCH	41.965, 20.721, 223.7
CIE-LUV	41.965, -24.577, -17.966
Hunter-Lab	35.324, -12.033, -9.347
Binary	00101101, 01101011, 01111010

#2d6b7a
```
#2d6b7a rgb(45,107,122)
```
#7a3c2d
```
#7a3c2d rgb(122,60,45)
```

Complementary Color

#2d7a62
```
#2d7a62 rgb(45,122,98)
```
#2d6b7a
```
#2d6b7a rgb(45,107,122)
```
#2d457a
```
#2d457a rgb(45,69,122)
```

Analogous Color

#7a622d
```
#7a622d rgb(122,98,45)
```
#2d6b7a
```
#2d6b7a rgb(45,107,122)
```
#7a2d45
```
#7a2d45 rgb(122,45,69)
```

Split Complementary Color

#6b7a2d
```
#6b7a2d rgb(107,122,45)
```
#2d6b7a
```
#2d6b7a rgb(45,107,122)
```
#7a2d6b
```
#7a2d6b rgb(122,45,107)
```

Triadic Color

#2d7a3c
```
#2d7a3c rgb(45,122,60)
```
#2d6b7a
```
#2d6b7a rgb(45,107,122)
```
#7a2d6b
```
#7a2d6b rgb(122,45,107)
```
#7a3c2d
```
#7a3c2d rgb(122,60,45)
```

Tetradic Color

#183a42
```
#183a42 rgb(24,58,66)
```
#1f4a55
```
#1f4a55 rgb(31,74,85)
```
#265b67
```
#265b67 rgb(38,91,103)
```
#2d6b7a
```
#2d6b7a rgb(45,107,122)
```
#347b8d
```
#347b8d rgb(52,123,141)
```
#3b8c9f
```
#3b8c9f rgb(59,140,159)
```
#429cb2
```
#429cb2 rgb(66,156,178)
```

Monochromatic Color

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

#2d7a76
```
#2d7a76 rgb(45,122,118)
```
#2d787a
```
#2d787a rgb(45,120,122)
```
#2d717a
```
#2d717a rgb(45,113,122)
```
#2d6b7a
```
#2d6b7a rgb(45,107,122)
```
#2d657a
```
#2d657a rgb(45,101,122)
```
#2d5e7a
```
#2d5e7a rgb(45,94,122)
```
#2d587a
```
#2d587a rgb(45,88,122)
```

Similar Colors

Text with hexadecimal color #2d6b7a

This text has a font color of #2d6b7a.

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

#2d6b7a background color

This paragraph has a background color of #2d6b7a.

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

#2d6b7a border color

This element has a border color of #2d6b7a.

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

CSS codes

.text {color:#2d6b7a;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#081316
```
#081316 rgb(8,19,22)
```
#0d2024
```
#0d2024 rgb(13,32,36)
```
#132c32
```
#132c32 rgb(19,44,50)
```
#183941
```
#183941 rgb(24,57,65)
```
#1d454f
```
#1d454f rgb(29,69,79)
```
#22525d
```
#22525d rgb(34,82,93)
```
#285e6c
```
#285e6c rgb(40,94,108)
```
#2d6b7a
```
#2d6b7a rgb(45,107,122)
```
#327888
```
#327888 rgb(50,120,136)
```
#388497
```
#388497 rgb(56,132,151)
```
#3d91a5
```
#3d91a5 rgb(61,145,165)
```
#429db3
```
#429db3 rgb(66,157,179)
```

Shade Color Variation

#4ca7bd
```
#4ca7bd rgb(76,167,189)
```
#5aaec2
```
#5aaec2 rgb(90,174,194)
```
#69b5c8
```
#69b5c8 rgb(105,181,200)
```
#77bccd
```
#77bccd rgb(119,188,205)
```
#85c3d2
```
#85c3d2 rgb(133,195,210)
```
#94cad7
```
#94cad7 rgb(148,202,215)
```
#a2d1dd
```
#a2d1dd rgb(162,209,221)
```
#b0d8e2
```
#b0d8e2 rgb(176,216,226)
```
#bfdfe7
```
#bfdfe7 rgb(191,223,231)
```
#cde6ed
```
#cde6ed rgb(205,230,237)
```
#dbedf2
```
#dbedf2 rgb(219,237,242)
```
#eaf5f7
```
#eaf5f7 rgb(234,245,247)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d575a is the less saturated color, while #0086a7 is the most saturated one.

#4d575a
```
#4d575a rgb(77,87,90)
```
#475b60
```
#475b60 rgb(71,91,96)
```
#405f67
```
#405f67 rgb(64,95,103)
```
#3a636d
```
#3a636d rgb(58,99,109)
```
#336774
```
#336774 rgb(51,103,116)
```
#2d6b7a
```
#2d6b7a rgb(45,107,122)
```
#276f80
```
#276f80 rgb(39,111,128)
```
#207387
```
#207387 rgb(32,115,135)
```
#1a778d
```
#1a778d rgb(26,119,141)
```
#137b94
```
#137b94 rgb(19,123,148)
```
#0d7f9a
```
#0d7f9a rgb(13,127,154)
```
#0683a1
```
#0683a1 rgb(6,131,161)
```
#0086a7
```
#0086a7 rgb(0,134,167)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#515d60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676a7b Protanopia 1% of men
#676984 Deuteranopia 1% of men
#35737c Tritanopia 0.001% of the population

Trichromacy

#526a7b Protanomaly 1% of men, 0.01% of women
#516980 Deuteranomaly 6% of men, 0.4% of women
#32707b Tritanomaly 0.01% of the population

#2d6b7a hex color

#2d6b7a Color Information

#2d6b7a Color Conversion

Color Schemes with #2d6b7a

Alternatives to #2d6b7a

#2d6b7a Preview

Shades and Tints of #2d6b7a

Tones of #2d6b7a

Color Blindness Simulator