#2b7f80 hex color

In a RGB color space, hex #2b7f80 is composed of 16.9% red, 49.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 0.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 180.7 degrees, a saturation of 49.7% and a lightness of 33.5%. #2b7f80 color hex could be obtained by blending #56feff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 50
- B 50
RGB color chart
- C 66
- M 1
- Y 0
- K 50
CMYK color chart

● #2b7f80 color description : Dark moderate cyan.

The hexadecimal color #2b7f80 has RGB values of R:43, G:127, B:128 and CMYK values of C:0.66, M:0.01, Y:0, K:0.5. Its decimal value is 2850688.

Hex triplet	2b7f80	`#2b7f80`
RGB Decimal	43, 127, 128	`rgb(43,127,128)`
RGB Percent	16.9, 49.8, 50.2	`rgb(16.9%,49.8%,50.2%)`
CMYK	66, 1, 0, 50
HSL	180.7°, 49.7, 33.5	`hsl(180.7,49.7%,33.5%)`
HSV (or HSB)	180.7°, 66.4, 50.2
Web Safe	336699	`#336699`

CIE-LAB	48.573, -24.194, -7.938
XYZ	12.481, 17.25, 23.093
xyY	0.236, 0.327, 17.25
CIE-LCH	48.573, 25.463, 198.164
CIE-LUV	48.573, -32.346, -7.831
Hunter-Lab	41.533, -19.043, -3.893
Binary	00101011, 01111111, 10000000

#2b7f80
```
#2b7f80 rgb(43,127,128)
```
#802c2b
```
#802c2b rgb(128,44,43)
```

Complementary Color

#2b8057
```
#2b8057 rgb(43,128,87)
```
#2b7f80
```
#2b7f80 rgb(43,127,128)
```
#2b5580
```
#2b5580 rgb(43,85,128)
```

Analogous Color

#80572b
```
#80572b rgb(128,87,43)
```
#2b7f80
```
#2b7f80 rgb(43,127,128)
```
#802b55
```
#802b55 rgb(128,43,85)
```

Split Complementary Color

#7f802b
```
#7f802b rgb(127,128,43)
```
#2b7f80
```
#2b7f80 rgb(43,127,128)
```
#802b7f
```
#802b7f rgb(128,43,127)
```

Triadic Color

#2b802c
```
#2b802c rgb(43,128,44)
```
#2b7f80
```
#2b7f80 rgb(43,127,128)
```
#802b7f
```
#802b7f rgb(128,43,127)
```
#802c2b
```
#802c2b rgb(128,44,43)
```

Tetradic Color

#184647
```
#184647 rgb(24,70,71)
```
#1e595a
```
#1e595a rgb(30,89,90)
```
#256c6d
```
#256c6d rgb(37,108,109)
```
#2b7f80
```
#2b7f80 rgb(43,127,128)
```
#319293
```
#319293 rgb(49,146,147)
```
#38a5a6
```
#38a5a6 rgb(56,165,166)
```
#3eb8b9
```
#3eb8b9 rgb(62,184,185)
```

Monochromatic Color

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

#2b806c
```
#2b806c rgb(43,128,108)
```
#2b8073
```
#2b8073 rgb(43,128,115)
```
#2b807a
```
#2b807a rgb(43,128,122)
```
#2b7f80
```
#2b7f80 rgb(43,127,128)
```
#2b7880
```
#2b7880 rgb(43,120,128)
```
#2b7180
```
#2b7180 rgb(43,113,128)
```
#2b6a80
```
#2b6a80 rgb(43,106,128)
```

Similar Colors

Text with hexadecimal color #2b7f80

This text has a font color of #2b7f80.

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

#2b7f80 background color

This paragraph has a background color of #2b7f80.

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

#2b7f80 border color

This element has a border color of #2b7f80.

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

CSS codes

.text {color:#2b7f80;}

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

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

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

#040a0b
```
#040a0b rgb(4,10,11)
```
#081919
```
#081919 rgb(8,25,25)
```
#0d2828
```
#0d2828 rgb(13,40,40)
```
#123637
```
#123637 rgb(18,54,55)
```
#174545
```
#174545 rgb(23,69,69)
```
#1c5354
```
#1c5354 rgb(28,83,84)
```
#216263
```
#216263 rgb(33,98,99)
```
#267071
```
#267071 rgb(38,112,113)
```
#2b7f80
```
#2b7f80 rgb(43,127,128)
```
#308e8f
```
#308e8f rgb(48,142,143)
```
#359c9d
```
#359c9d rgb(53,156,157)
```
#3aabac
```
#3aabac rgb(58,171,172)
```
#3fb9bb
```
#3fb9bb rgb(63,185,187)
```

Shade Color Variation

#4bc1c2
```
#4bc1c2 rgb(75,193,194)
```
#59c6c7
```
#59c6c7 rgb(89,198,199)
```
#68cbcc
```
#68cbcc rgb(104,203,204)
```
#77d0d1
```
#77d0d1 rgb(119,208,209)
```
#85d5d6
```
#85d5d6 rgb(133,213,214)
```
#94dadb
```
#94dadb rgb(148,218,219)
```
#a3dfe0
```
#a3dfe0 rgb(163,223,224)
```
#b1e4e5
```
#b1e4e5 rgb(177,228,229)
```
#c0e9ea
```
#c0e9ea rgb(192,233,234)
```
#cfeeef
```
#cfeeef rgb(207,238,239)
```
#ddf3f4
```
#ddf3f4 rgb(221,243,244)
```
#ecf9f9
```
#ecf9f9 rgb(236,249,249)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#525859
```
#525859 rgb(82,88,89)
```
#4c5f5f
```
#4c5f5f rgb(76,95,95)
```
#456566
```
#456566 rgb(69,101,102)
```
#3f6c6c
```
#3f6c6c rgb(63,108,108)
```
#387273
```
#387273 rgb(56,114,115)
```
#327979
```
#327979 rgb(50,121,121)
```
#2b7f80
```
#2b7f80 rgb(43,127,128)
```
#248587
```
#248587 rgb(36,133,135)
```
#1e8c8d
```
#1e8c8d rgb(30,140,141)
```
#179294
```
#179294 rgb(23,146,148)
```
#11999a
```
#11999a rgb(17,153,154)
```
#0a9fa1
```
#0a9fa1 rgb(10,159,161)
```
#04a6a7
```
#04a6a7 rgb(4,166,167)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5a6b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7980 Protanopia 1% of men
#7d778b Deuteranopia 1% of men
#3a848e Tritanopia 0.001% of the population

Trichromacy

#5d7b80 Protanomaly 1% of men, 0.01% of women
#5f7a87 Deuteranomaly 6% of men, 0.4% of women
#348288 Tritanomaly 0.01% of the population

#2b7f80 hex color

#2b7f80 Color Information

#2b7f80 Color Conversion

Color Schemes with #2b7f80

Alternatives to #2b7f80

#2b7f80 Preview

Shades and Tints of #2b7f80

Tones of #2b7f80

Color Blindness Simulator