#2b7583 hex color

In a RGB color space, hex #2b7583 is composed of 16.9% red, 45.9% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 10.7% magenta, 0% yellow and 48.6% black. It has a hue angle of 189.5 degrees, a saturation of 50.6% and a lightness of 34.1%. #2b7583 color hex could be obtained by blending #56eaff with #000007. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 46
- B 51
RGB color chart
- C 67
- M 11
- Y 0
- K 49
CMYK color chart

● #2b7583 color description : Dark moderate cyan.

The hexadecimal color #2b7583 has RGB values of R:43, G:117, B:131 and CMYK values of C:0.67, M:0.11, Y:0, K:0.49. Its decimal value is 2848131.

Hex triplet	2b7583	`#2b7583`
RGB Decimal	43, 117, 131	`rgb(43,117,131)`
RGB Percent	16.9, 45.9, 51.4	`rgb(16.9%,45.9%,51.4%)`
CMYK	67, 11, 0, 49
HSL	189.5°, 50.6, 34.1	`hsl(189.5,50.6%,34.1%)`
HSV (or HSB)	189.5°, 67.2, 51.4
Web Safe	336699	`#336699`

CIE-LAB	45.461, -17.955, -14.406
XYZ	11.453, 14.874, 23.739
xyY	0.229, 0.297, 14.874
CIE-LCH	45.461, 23.02, 218.741
CIE-LUV	45.461, -28.378, -18.056
Hunter-Lab	38.567, -14.483, -9.498
Binary	00101011, 01110101, 10000011

#2b7583
```
#2b7583 rgb(43,117,131)
```
#83392b
```
#83392b rgb(131,57,43)
```

Complementary Color

#2b8365
```
#2b8365 rgb(43,131,101)
```
#2b7583
```
#2b7583 rgb(43,117,131)
```
#2b4983
```
#2b4983 rgb(43,73,131)
```

Analogous Color

#83652b
```
#83652b rgb(131,101,43)
```
#2b7583
```
#2b7583 rgb(43,117,131)
```
#832b49
```
#832b49 rgb(131,43,73)
```

Split Complementary Color

#75832b
```
#75832b rgb(117,131,43)
```
#2b7583
```
#2b7583 rgb(43,117,131)
```
#832b75
```
#832b75 rgb(131,43,117)
```

Triadic Color

#2b8339
```
#2b8339 rgb(43,131,57)
```
#2b7583
```
#2b7583 rgb(43,117,131)
```
#832b75
```
#832b75 rgb(131,43,117)
```
#83392b
```
#83392b rgb(131,57,43)
```

Tetradic Color

#184249
```
#184249 rgb(24,66,73)
```
#1e535d
```
#1e535d rgb(30,83,93)
```
#256470
```
#256470 rgb(37,100,112)
```
#2b7583
```
#2b7583 rgb(43,117,131)
```
#318696
```
#318696 rgb(49,134,150)
```
#3897a9
```
#3897a9 rgb(56,151,169)
```
#3ea8bd
```
#3ea8bd rgb(62,168,189)
```

Monochromatic Color

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

#2b837b
```
#2b837b rgb(43,131,123)
```
#2b8382
```
#2b8382 rgb(43,131,130)
```
#2b7c83
```
#2b7c83 rgb(43,124,131)
```
#2b7583
```
#2b7583 rgb(43,117,131)
```
#2b6e83
```
#2b6e83 rgb(43,110,131)
```
#2b6683
```
#2b6683 rgb(43,102,131)
```
#2b5f83
```
#2b5f83 rgb(43,95,131)
```

Similar Colors

Text with hexadecimal color #2b7583

This text has a font color of #2b7583.

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

#2b7583 background color

This paragraph has a background color of #2b7583.

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

#2b7583 border color

This element has a border color of #2b7583.

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

CSS codes

.text {color:#2b7583;}

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

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

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

#040b0d
```
#040b0d rgb(4,11,13)
```
#09191c
```
#09191c rgb(9,25,28)
```
#0e262a
```
#0e262a rgb(14,38,42)
```
#133339
```
#133339 rgb(19,51,57)
```
#184048
```
#184048 rgb(24,64,72)
```
#1c4d57
```
#1c4d57 rgb(28,77,87)
```
#215b65
```
#215b65 rgb(33,91,101)
```
#266874
```
#266874 rgb(38,104,116)
```
#2b7583
```
#2b7583 rgb(43,117,131)
```
#308292
```
#308292 rgb(48,130,146)
```
#358fa1
```
#358fa1 rgb(53,143,161)
```
#3a9daf
```
#3a9daf rgb(58,157,175)
```
#3eaabe
```
#3eaabe rgb(62,170,190)
```

Shade Color Variation

#4cb1c4
```
#4cb1c4 rgb(76,177,196)
```
#5bb7c9
```
#5bb7c9 rgb(91,183,201)
```
#69bece
```
#69bece rgb(105,190,206)
```
#78c4d3
```
#78c4d3 rgb(120,196,211)
```
#87cbd8
```
#87cbd8 rgb(135,203,216)
```
#96d1dc
```
#96d1dc rgb(150,209,220)
```
#a4d8e1
```
#a4d8e1 rgb(164,216,225)
```
#b3dee6
```
#b3dee6 rgb(179,222,230)
```
#c2e4eb
```
#c2e4eb rgb(194,228,235)
```
#d1ebf0
```
#d1ebf0 rgb(209,235,240)
```
#e0f1f5
```
#e0f1f5 rgb(224,241,245)
```
#eef8fa
```
#eef8fa rgb(238,248,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #535a5b is the less saturated color, while #0390ab is the most saturated one.

#535a5b
```
#535a5b rgb(83,90,91)
```
#4c5e62
```
#4c5e62 rgb(76,94,98)
```
#466368
```
#466368 rgb(70,99,104)
```
#3f676f
```
#3f676f rgb(63,103,111)
```
#386c76
```
#386c76 rgb(56,108,118)
```
#32707c
```
#32707c rgb(50,112,124)
```
#2b7583
```
#2b7583 rgb(43,117,131)
```
#247a8a
```
#247a8a rgb(36,122,138)
```
#1e7e90
```
#1e7e90 rgb(30,126,144)
```
#178397
```
#178397 rgb(23,131,151)
```
#10879e
```
#10879e rgb(16,135,158)
```
#0a8ca4
```
#0a8ca4 rgb(10,140,164)
```
#0390ab
```
#0390ab rgb(3,144,171)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#556467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#707283 Protanopia 1% of men
#6f718d Deuteranopia 1% of men
#337c85 Tritanopia 0.001% of the population

Trichromacy

#567383 Protanomaly 1% of men, 0.01% of women
#567289 Deuteranomaly 6% of men, 0.4% of women
#307984 Tritanomaly 0.01% of the population

#2b7583 hex color

#2b7583 Color Information

#2b7583 Color Conversion

Color Schemes with #2b7583

Alternatives to #2b7583

#2b7583 Preview

Shades and Tints of #2b7583

Tones of #2b7583

Color Blindness Simulator