#2d6b7e hex color

In a RGB color space, hex #2d6b7e is composed of 17.6% red, 42% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 15.1% magenta, 0% yellow and 50.6% black. It has a hue angle of 194.1 degrees, a saturation of 47.4% and a lightness of 33.5%. #2d6b7e color hex could be obtained by blending #5ad6fc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 42
- B 49
RGB color chart
- C 64
- M 15
- Y 0
- K 51
CMYK color chart

● #2d6b7e color description : Dark moderate cyan.

The hexadecimal color #2d6b7e has RGB values of R:45, G:107, B:126 and CMYK values of C:0.64, M:0.15, Y:0, K:0.51. Its decimal value is 2976638.

Hex triplet	2d6b7e	`#2d6b7e`
RGB Decimal	45, 107, 126	`rgb(45,107,126)`
RGB Percent	17.6, 42, 49.4	`rgb(17.6%,42%,49.4%)`
CMYK	64, 15, 0, 51
HSL	194.1°, 47.4, 33.5	`hsl(194.1,47.4%,33.5%)`
HSV (or HSB)	194.1°, 64.3, 49.4
Web Safe	336666	`#336666`

CIE-LAB	42.122, -13.66, -16.493
XYZ	10.105, 12.579, 21.633
xyY	0.228, 0.284, 12.579
CIE-LCH	42.122, 21.416, 230.367
CIE-LUV	42.122, -24.398, -21.357
Hunter-Lab	35.467, -11.21, -11.337
Binary	00101101, 01101011, 01111110

#2d6b7e
```
#2d6b7e rgb(45,107,126)
```
#7e402d
```
#7e402d rgb(126,64,45)
```

Complementary Color

#2d7e69
```
#2d7e69 rgb(45,126,105)
```
#2d6b7e
```
#2d6b7e rgb(45,107,126)
```
#2d437e
```
#2d437e rgb(45,67,126)
```

Analogous Color

#7e692d
```
#7e692d rgb(126,105,45)
```
#2d6b7e
```
#2d6b7e rgb(45,107,126)
```
#7e2d43
```
#7e2d43 rgb(126,45,67)
```

Split Complementary Color

#6b7e2d
```
#6b7e2d rgb(107,126,45)
```
#2d6b7e
```
#2d6b7e rgb(45,107,126)
```
#7e2d6b
```
#7e2d6b rgb(126,45,107)
```

Triadic Color

#2d7e40
```
#2d7e40 rgb(45,126,64)
```
#2d6b7e
```
#2d6b7e rgb(45,107,126)
```
#7e2d6b
```
#7e2d6b rgb(126,45,107)
```
#7e402d
```
#7e402d rgb(126,64,45)
```

Tetradic Color

#193b46
```
#193b46 rgb(25,59,70)
```
#204b58
```
#204b58 rgb(32,75,88)
```
#265b6b
```
#265b6b rgb(38,91,107)
```
#2d6b7e
```
#2d6b7e rgb(45,107,126)
```
#347b91
```
#347b91 rgb(52,123,145)
```
#3a8ba4
```
#3a8ba4 rgb(58,139,164)
```
#419bb6
```
#419bb6 rgb(65,155,182)
```

Monochromatic Color

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

#2d7e7d
```
#2d7e7d rgb(45,126,125)
```
#2d797e
```
#2d797e rgb(45,121,126)
```
#2d727e
```
#2d727e rgb(45,114,126)
```
#2d6b7e
```
#2d6b7e rgb(45,107,126)
```
#2d647e
```
#2d647e rgb(45,100,126)
```
#2d5e7e
```
#2d5e7e rgb(45,94,126)
```
#2d577e
```
#2d577e rgb(45,87,126)
```

Similar Colors

Text with hexadecimal color #2d6b7e

This text has a font color of #2d6b7e.

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

#2d6b7e background color

This paragraph has a background color of #2d6b7e.

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

#2d6b7e border color

This element has a border color of #2d6b7e.

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

CSS codes

.text {color:#2d6b7e;}

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

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

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, #04090a is the darkest color, while #fbfdfe is the lightest one.

#04090a
```
#04090a rgb(4,9,10)
```
#091519
```
#091519 rgb(9,21,25)
```
#0e2127
```
#0e2127 rgb(14,33,39)
```
#132e36
```
#132e36 rgb(19,46,54)
```
#183a44
```
#183a44 rgb(24,58,68)
```
#1e4653
```
#1e4653 rgb(30,70,83)
```
#235261
```
#235261 rgb(35,82,97)
```
#285f70
```
#285f70 rgb(40,95,112)
```
#2d6b7e
```
#2d6b7e rgb(45,107,126)
```
#32778c
```
#32778c rgb(50,119,140)
```
#37849b
```
#37849b rgb(55,132,155)
```
#3c90a9
```
#3c90a9 rgb(60,144,169)
```
#429cb8
```
#429cb8 rgb(66,156,184)
```

Shade Color Variation

#4da5c0
```
#4da5c0 rgb(77,165,192)
```
#5cacc5
```
#5cacc5 rgb(92,172,197)
```
#6ab4ca
```
#6ab4ca rgb(106,180,202)
```
#79bbcf
```
#79bbcf rgb(121,187,207)
```
#87c2d4
```
#87c2d4 rgb(135,194,212)
```
#96cad9
```
#96cad9 rgb(150,202,217)
```
#a4d1df
```
#a4d1df rgb(164,209,223)
```
#b3d8e4
```
#b3d8e4 rgb(179,216,228)
```
#c1e0e9
```
#c1e0e9 rgb(193,224,233)
```
#d0e7ee
```
#d0e7ee rgb(208,231,238)
```
#deeef3
```
#deeef3 rgb(222,238,243)
```
#ecf6f8
```
#ecf6f8 rgb(236,246,248)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545657 is the less saturated color, while #0680a5 is the most saturated one.

#545657
```
#545657 rgb(84,86,87)
```
#4e5a5d
```
#4e5a5d rgb(78,90,93)
```
#475d64
```
#475d64 rgb(71,93,100)
```
#41616a
```
#41616a rgb(65,97,106)
```
#3a6471
```
#3a6471 rgb(58,100,113)
```
#346877
```
#346877 rgb(52,104,119)
```
#2d6b7e
```
#2d6b7e rgb(45,107,126)
```
#266e85
```
#266e85 rgb(38,110,133)
```
#20728b
```
#20728b rgb(32,114,139)
```
#197592
```
#197592 rgb(25,117,146)
```
#137998
```
#137998 rgb(19,121,152)
```
#0c7c9f
```
#0c7c9f rgb(12,124,159)
```
#0680a5
```
#0680a5 rgb(6,128,165)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#525e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666a7f Protanopia 1% of men
#656988 Deuteranopia 1% of men
#33747c Tritanopia 0.001% of the population

Trichromacy

#516a7f Protanomaly 1% of men, 0.01% of women
#506a84 Deuteranomaly 6% of men, 0.4% of women
#30707d Tritanomaly 0.01% of the population

#2d6b7e hex color

#2d6b7e Color Information

#2d6b7e Color Conversion

Color Schemes with #2d6b7e

Alternatives to #2d6b7e

#2d6b7e Preview

Shades and Tints of #2d6b7e

Tones of #2d6b7e

Color Blindness Simulator