#2b7584 hex color

In a RGB color space, hex #2b7584 is composed of 16.9% red, 45.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 67.4% cyan, 11.4% magenta, 0% yellow and 48.2% black. It has a hue angle of 190.1 degrees, a saturation of 50.9% and a lightness of 34.3%. #2b7584 color hex could be obtained by blending #56eaff with #000009. Closest websafe color is: #336699.

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

● #2b7584 color description : Dark moderate cyan.

The hexadecimal color #2b7584 has RGB values of R:43, G:117, B:132 and CMYK values of C:0.67, M:0.11, Y:0, K:0.48. Its decimal value is 2848132.

Hex triplet	2b7584	`#2b7584`
RGB Decimal	43, 117, 132	`rgb(43,117,132)`
RGB Percent	16.9, 45.9, 51.8	`rgb(16.9%,45.9%,51.8%)`
CMYK	67, 11, 0, 48
HSL	190.1°, 50.9, 34.3	`hsl(190.1,50.9%,34.3%)`
HSV (or HSB)	190.1°, 67.4, 51.8
Web Safe	336699	`#336699`

CIE-LAB	45.499, -17.628, -14.945
XYZ	11.521, 14.901, 24.098
xyY	0.228, 0.295, 14.901
CIE-LCH	45.499, 23.11, 220.29
CIE-LUV	45.499, -28.325, -18.907
Hunter-Lab	38.602, -14.278, -9.991
Binary	00101011, 01110101, 10000100

#2b7584
```
#2b7584 rgb(43,117,132)
```
#843a2b
```
#843a2b rgb(132,58,43)
```

Complementary Color

#2b8467
```
#2b8467 rgb(43,132,103)
```
#2b7584
```
#2b7584 rgb(43,117,132)
```
#2b4984
```
#2b4984 rgb(43,73,132)
```

Analogous Color

#84672b
```
#84672b rgb(132,103,43)
```
#2b7584
```
#2b7584 rgb(43,117,132)
```
#842b49
```
#842b49 rgb(132,43,73)
```

Split Complementary Color

#75842b
```
#75842b rgb(117,132,43)
```
#2b7584
```
#2b7584 rgb(43,117,132)
```
#842b75
```
#842b75 rgb(132,43,117)
```

Triadic Color

#2b843a
```
#2b843a rgb(43,132,58)
```
#2b7584
```
#2b7584 rgb(43,117,132)
```
#842b75
```
#842b75 rgb(132,43,117)
```
#843a2b
```
#843a2b rgb(132,58,43)
```

Tetradic Color

#18424a
```
#18424a rgb(24,66,74)
```
#1e535e
```
#1e535e rgb(30,83,94)
```
#256471
```
#256471 rgb(37,100,113)
```
#2b7584
```
#2b7584 rgb(43,117,132)
```
#318697
```
#318697 rgb(49,134,151)
```
#3897aa
```
#3897aa rgb(56,151,170)
```
#3ea8be
```
#3ea8be rgb(62,168,190)
```

Monochromatic Color

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

#2b847d
```
#2b847d rgb(43,132,125)
```
#2b8484
```
#2b8484 rgb(43,132,132)
```
#2b7c84
```
#2b7c84 rgb(43,124,132)
```
#2b7584
```
#2b7584 rgb(43,117,132)
```
#2b6e84
```
#2b6e84 rgb(43,110,132)
```
#2b6684
```
#2b6684 rgb(43,102,132)
```
#2b5f84
```
#2b5f84 rgb(43,95,132)
```

Similar Colors

Text with hexadecimal color #2b7584

This text has a font color of #2b7584.

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

#2b7584 background color

This paragraph has a background color of #2b7584.

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

#2b7584 border color

This element has a border color of #2b7584.

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

CSS codes

.text {color:#2b7584;}

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

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

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

#040c0e
```
#040c0e rgb(4,12,14)
```
#09191c
```
#09191c rgb(9,25,28)
```
#0e262b
```
#0e262b rgb(14,38,43)
```
#13333a
```
#13333a rgb(19,51,58)
```
#184149
```
#184149 rgb(24,65,73)
```
#1d4e58
```
#1d4e58 rgb(29,78,88)
```
#215b66
```
#215b66 rgb(33,91,102)
```
#266875
```
#266875 rgb(38,104,117)
```
#2b7584
```
#2b7584 rgb(43,117,132)
```
#308293
```
#308293 rgb(48,130,147)
```
#358fa2
```
#358fa2 rgb(53,143,162)
```
#399cb0
```
#399cb0 rgb(57,156,176)
```
#3ea9bf
```
#3ea9bf rgb(62,169,191)
```

Shade Color Variation

#4cb0c5
```
#4cb0c5 rgb(76,176,197)
```
#5bb7ca
```
#5bb7ca rgb(91,183,202)
```
#6abdce
```
#6abdce rgb(106,189,206)
```
#79c4d3
```
#79c4d3 rgb(121,196,211)
```
#87cad8
```
#87cad8 rgb(135,202,216)
```
#96d1dd
```
#96d1dd rgb(150,209,221)
```
#a5d7e2
```
#a5d7e2 rgb(165,215,226)
```
#b4dee7
```
#b4dee7 rgb(180,222,231)
```
#c3e4eb
```
#c3e4eb rgb(195,228,235)
```
#d1ebf0
```
#d1ebf0 rgb(209,235,240)
```
#e0f1f5
```
#e0f1f5 rgb(224,241,245)
```
#eff8fa
```
#eff8fa rgb(239,248,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#535a5c
```
#535a5c rgb(83,90,92)
```
#4d5f62
```
#4d5f62 rgb(77,95,98)
```
#466369
```
#466369 rgb(70,99,105)
```
#3f6870
```
#3f6870 rgb(63,104,112)
```
#386c77
```
#386c77 rgb(56,108,119)
```
#32717d
```
#32717d rgb(50,113,125)
```
#2b7584
```
#2b7584 rgb(43,117,132)
```
#24798b
```
#24798b rgb(36,121,139)
```
#1e7e91
```
#1e7e91 rgb(30,126,145)
```
#178298
```
#178298 rgb(23,130,152)
```
#10879f
```
#10879f rgb(16,135,159)
```
#098ba6
```
#098ba6 rgb(9,139,166)
```
#0390ac
```
#0390ac rgb(3,144,172)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#566568 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7284 Protanopia 1% of men
#6f718e Deuteranopia 1% of men
#337c86 Tritanopia 0.001% of the population

Trichromacy

#567384 Protanomaly 1% of men, 0.01% of women
#56728a Deuteranomaly 6% of men, 0.4% of women
#307a85 Tritanomaly 0.01% of the population

#2b7584 hex color

#2b7584 Color Information

#2b7584 Color Conversion

Color Schemes with #2b7584

Alternatives to #2b7584

#2b7584 Preview

Shades and Tints of #2b7584

Tones of #2b7584

Color Blindness Simulator