colorhexa.com

#2d7b80 hex color

In a RGB color space, hex #2d7b80 is composed of 17.6% red, 48.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 3.9% magenta, 0% yellow and 49.8% black. It has a hue angle of 183.6 degrees, a saturation of 48% and a lightness of 33.9%. #2d7b80 color hex could be obtained by blending #5af6ff with #000001. Closest websafe color is: #336699.

- R 18
- G 48
- B 50
RGB color chart
- C 65
- M 4
- Y 0
- K 50
CMYK color chart

● #2d7b80 color description : Dark moderate cyan.

The hexadecimal color #2d7b80 has RGB values of R:45, G:123, B:128 and CMYK values of C:0.65, M:0.04, Y:0, K:0.5. Its decimal value is 2980736.

Hex triplet	2d7b80	`#2d7b80`
RGB Decimal	45, 123, 128	`rgb(45,123,128)`
RGB Percent	17.6, 48.2, 50.2	`rgb(17.6%,48.2%,50.2%)`
CMYK	65, 4, 0, 50
HSL	183.6°, 48, 33.9	`hsl(183.6,48%,33.9%)`
HSV (or HSB)	183.6°, 64.8, 50.2
Web Safe	336699	`#336699`

CIE-LAB	47.341, -21.771, -9.777
XYZ	12.06, 16.281, 22.928
xyY	0.235, 0.318, 16.281
CIE-LCH	47.341, 23.866, 204.184
CIE-LUV	47.341, -30.424, -10.806
Hunter-Lab	40.35, -17.261, -5.445
Binary	00101101, 01111011, 10000000

#2d7b80
```
#2d7b80 rgb(45,123,128)
```
#80322d
```
#80322d rgb(128,50,45)
```

Complementary Color

#2d805c
```
#2d805c rgb(45,128,92)
```
#2d7b80
```
#2d7b80 rgb(45,123,128)
```
#2d5280
```
#2d5280 rgb(45,82,128)
```

Analogous Color

#805c2d
```
#805c2d rgb(128,92,45)
```
#2d7b80
```
#2d7b80 rgb(45,123,128)
```
#802d52
```
#802d52 rgb(128,45,82)
```

Split Complementary Color

#7b802d
```
#7b802d rgb(123,128,45)
```
#2d7b80
```
#2d7b80 rgb(45,123,128)
```
#802d7b
```
#802d7b rgb(128,45,123)
```

Triadic Color

#2d8032
```
#2d8032 rgb(45,128,50)
```
#2d7b80
```
#2d7b80 rgb(45,123,128)
```
#802d7b
```
#802d7b rgb(128,45,123)
```
#80322d
```
#80322d rgb(128,50,45)
```

Tetradic Color

#194547
```
#194547 rgb(25,69,71)
```
#20575a
```
#20575a rgb(32,87,90)
```
#26696d
```
#26696d rgb(38,105,109)
```
#2d7b80
```
#2d7b80 rgb(45,123,128)
```
#348d93
```
#348d93 rgb(52,141,147)
```
#3a9fa6
```
#3a9fa6 rgb(58,159,166)
```
#41b1b9
```
#41b1b9 rgb(65,177,185)
```

Monochromatic Color

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

#2d8070
```
#2d8070 rgb(45,128,112)
```
#2d8077
```
#2d8077 rgb(45,128,119)
```
#2d807e
```
#2d807e rgb(45,128,126)
```
#2d7b80
```
#2d7b80 rgb(45,123,128)
```
#2d7480
```
#2d7480 rgb(45,116,128)
```
#2d6d80
```
#2d6d80 rgb(45,109,128)
```
#2d6680
```
#2d6680 rgb(45,102,128)
```

Similar Colors

Text with hexadecimal color #2d7b80

This text has a font color of #2d7b80.

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

#2d7b80 background color

This paragraph has a background color of #2d7b80.

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

#2d7b80 border color

This element has a border color of #2d7b80.

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

CSS codes

.text {color:#2d7b80;}

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

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

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, #040b0c is the darkest color, while #fcfefe is the lightest one.

#040b0c
```
#040b0c rgb(4,11,12)
```
#09191a
```
#09191a rgb(9,25,26)
```
#0e2729
```
#0e2729 rgb(14,39,41)
```
#133537
```
#133537 rgb(19,53,55)
```
#194346
```
#194346 rgb(25,67,70)
```
#1e5154
```
#1e5154 rgb(30,81,84)
```
#235f63
```
#235f63 rgb(35,95,99)
```
#286d71
```
#286d71 rgb(40,109,113)
```
#2d7b80
```
#2d7b80 rgb(45,123,128)
```
#32898f
```
#32898f rgb(50,137,143)
```
#37979d
```
#37979d rgb(55,151,157)
```
#3ca5ac
```
#3ca5ac rgb(60,165,172)
```
#41b3ba
```
#41b3ba rgb(65,179,186)
```

Shade Color Variation

#4ebac1
```
#4ebac1 rgb(78,186,193)
```
#5dc0c6
```
#5dc0c6 rgb(93,192,198)
```
#6bc5cb
```
#6bc5cb rgb(107,197,203)
```
#7acbd0
```
#7acbd0 rgb(122,203,208)
```
#88d1d5
```
#88d1d5 rgb(136,209,213)
```
#97d6da
```
#97d6da rgb(151,214,218)
```
#a5dcdf
```
#a5dcdf rgb(165,220,223)
```
#b4e2e5
```
#b4e2e5 rgb(180,226,229)
```
#c2e7ea
```
#c2e7ea rgb(194,231,234)
```
#d1edef
```
#d1edef rgb(209,237,239)
```
#dff3f4
```
#dff3f4 rgb(223,243,244)
```
#eef8f9
```
#eef8f9 rgb(238,248,249)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#555858
```
#555858 rgb(85,88,88)
```
#4e5e5f
```
#4e5e5f rgb(78,94,95)
```
#486465
```
#486465 rgb(72,100,101)
```
#41696c
```
#41696c rgb(65,105,108)
```
#3a6f73
```
#3a6f73 rgb(58,111,115)
```
#347579
```
#347579 rgb(52,117,121)
```
#2d7b80
```
#2d7b80 rgb(45,123,128)
```
#268187
```
#268187 rgb(38,129,135)
```
#20878d
```
#20878d rgb(32,135,141)
```
#198d94
```
#198d94 rgb(25,141,148)
```
#12929b
```
#12929b rgb(18,146,155)
```
#0c98a1
```
#0c98a1 rgb(12,152,161)
```
#059ea8
```
#059ea8 rgb(5,158,168)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#59696a Atypical Achromatopsia 0.001% of the population

Dichromacy

#777680 Protanopia 1% of men
#78758b Deuteranopia 1% of men
#3a818a Tritanopia 0.001% of the population

Trichromacy

#5c7880 Protanomaly 1% of men, 0.01% of women
#5d7787 Deuteranomaly 6% of men, 0.4% of women
#357e86 Tritanomaly 0.01% of the population