#2b7684 hex color

In a RGB color space, hex #2b7684 is composed of 16.9% red, 46.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 67.4% cyan, 10.6% magenta, 0% yellow and 48.2% black. It has a hue angle of 189.4 degrees, a saturation of 50.9% and a lightness of 34.3%. #2b7684 color hex could be obtained by blending #56ecff 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

● #2b7684 color description : Dark moderate cyan.

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

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

CIE-LAB	45.819, -18.174, -14.457
XYZ	11.638, 15.135, 24.137
xyY	0.229, 0.297, 15.135
CIE-LCH	45.819, 23.223, 218.501
CIE-LUV	45.819, -28.703, -18.135
Hunter-Lab	38.904, -14.683, -9.551
Binary	00101011, 01110110, 10000100

#2b7684
```
#2b7684 rgb(43,118,132)
```
#84392b
```
#84392b rgb(132,57,43)
```

Complementary Color

#2b8466
```
#2b8466 rgb(43,132,102)
```
#2b7684
```
#2b7684 rgb(43,118,132)
```
#2b4a84
```
#2b4a84 rgb(43,74,132)
```

Analogous Color

#84662b
```
#84662b rgb(132,102,43)
```
#2b7684
```
#2b7684 rgb(43,118,132)
```
#842b4a
```
#842b4a rgb(132,43,74)
```

Split Complementary Color

#76842b
```
#76842b rgb(118,132,43)
```
#2b7684
```
#2b7684 rgb(43,118,132)
```
#842b76
```
#842b76 rgb(132,43,118)
```

Triadic Color

#2b8439
```
#2b8439 rgb(43,132,57)
```
#2b7684
```
#2b7684 rgb(43,118,132)
```
#842b76
```
#842b76 rgb(132,43,118)
```
#84392b
```
#84392b rgb(132,57,43)
```

Tetradic Color

#18424a
```
#18424a rgb(24,66,74)
```
#1e545e
```
#1e545e rgb(30,84,94)
```
#256571
```
#256571 rgb(37,101,113)
```
#2b7684
```
#2b7684 rgb(43,118,132)
```
#318797
```
#318797 rgb(49,135,151)
```
#3898aa
```
#3898aa rgb(56,152,170)
```
#3eaabe
```
#3eaabe rgb(62,170,190)
```

Monochromatic Color

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

#2b847c
```
#2b847c rgb(43,132,124)
```
#2b8483
```
#2b8483 rgb(43,132,131)
```
#2b7d84
```
#2b7d84 rgb(43,125,132)
```
#2b7684
```
#2b7684 rgb(43,118,132)
```
#2b6f84
```
#2b6f84 rgb(43,111,132)
```
#2b6784
```
#2b6784 rgb(43,103,132)
```
#2b6084
```
#2b6084 rgb(43,96,132)
```

Similar Colors

Text with hexadecimal color #2b7684

This text has a font color of #2b7684.

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

#2b7684 background color

This paragraph has a background color of #2b7684.

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

#2b7684 border color

This element has a border color of #2b7684.

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

CSS codes

.text {color:#2b7684;}

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

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

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)
```
#0e272b
```
#0e272b rgb(14,39,43)
```
#13343a
```
#13343a rgb(19,52,58)
```
#184149
```
#184149 rgb(24,65,73)
```
#1d4e58
```
#1d4e58 rgb(29,78,88)
```
#215c66
```
#215c66 rgb(33,92,102)
```
#266975
```
#266975 rgb(38,105,117)
```
#2b7684
```
#2b7684 rgb(43,118,132)
```
#308393
```
#308393 rgb(48,131,147)
```
#3590a2
```
#3590a2 rgb(53,144,162)
```
#399eb0
```
#399eb0 rgb(57,158,176)
```
#3eabbf
```
#3eabbf rgb(62,171,191)
```

Shade Color Variation

#4cb2c5
```
#4cb2c5 rgb(76,178,197)
```
#5bb8ca
```
#5bb8ca rgb(91,184,202)
```
#6abfce
```
#6abfce rgb(106,191,206)
```
#79c5d3
```
#79c5d3 rgb(121,197,211)
```
#87cbd8
```
#87cbd8 rgb(135,203,216)
```
#96d2dd
```
#96d2dd rgb(150,210,221)
```
#a5d8e2
```
#a5d8e2 rgb(165,216,226)
```
#b4dfe7
```
#b4dfe7 rgb(180,223,231)
```
#c3e5eb
```
#c3e5eb rgb(195,229,235)
```
#d1ebf0
```
#d1ebf0 rgb(209,235,240)
```
#e0f2f5
```
#e0f2f5 rgb(224,242,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 #0392ac is the most saturated one.

#535a5c
```
#535a5c rgb(83,90,92)
```
#4d5f62
```
#4d5f62 rgb(77,95,98)
```
#466469
```
#466469 rgb(70,100,105)
```
#3f6870
```
#3f6870 rgb(63,104,112)
```
#386d77
```
#386d77 rgb(56,109,119)
```
#32717d
```
#32717d rgb(50,113,125)
```
#2b7684
```
#2b7684 rgb(43,118,132)
```
#247b8b
```
#247b8b rgb(36,123,139)
```
#1e7f91
```
#1e7f91 rgb(30,127,145)
```
#178498
```
#178498 rgb(23,132,152)
```
#10889f
```
#10889f rgb(16,136,159)
```
#098da6
```
#098da6 rgb(9,141,166)
```
#0392ac
```
#0392ac rgb(3,146,172)
```

Tone Color Variation

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

#707384 Protanopia 1% of men
#70728e Deuteranopia 1% of men
#337d86 Tritanopia 0.001% of the population

Trichromacy

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

#2b7684 hex color

#2b7684 Color Information

#2b7684 Color Conversion

Color Schemes with #2b7684

Alternatives to #2b7684

#2b7684 Preview

Shades and Tints of #2b7684

Tones of #2b7684

Color Blindness Simulator