#2b7682 hex color

In a RGB color space, hex #2b7682 is composed of 16.9% red, 46.3% green and 51% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 9.2% magenta, 0% yellow and 49% black. It has a hue angle of 188.3 degrees, a saturation of 50.3% and a lightness of 33.9%. #2b7682 color hex could be obtained by blending #56ecff with #000005. Closest websafe color is: #336699.

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

● #2b7682 color description : Dark moderate cyan.

The hexadecimal color #2b7682 has RGB values of R:43, G:118, B:130 and CMYK values of C:0.67, M:0.09, Y:0, K:0.49. Its decimal value is 2848386.

Hex triplet	2b7682	`#2b7682`
RGB Decimal	43, 118, 130	`rgb(43,118,130)`
RGB Percent	16.9, 46.3, 51	`rgb(16.9%,46.3%,51%)`
CMYK	67, 9, 0, 49
HSL	188.3°, 50.3, 33.9	`hsl(188.3,50.3%,33.9%)`
HSV (or HSB)	188.3°, 66.9, 51
Web Safe	336699	`#336699`

CIE-LAB	45.745, -18.824, -13.379
XYZ	11.503, 15.081, 23.423
xyY	0.23, 0.302, 15.081
CIE-LCH	45.745, 23.094, 215.404
CIE-LUV	45.745, -28.811, -16.435
Hunter-Lab	38.835, -15.089, -8.576
Binary	00101011, 01110110, 10000010

#2b7682
```
#2b7682 rgb(43,118,130)
```
#82372b
```
#82372b rgb(130,55,43)
```

Complementary Color

#2b8262
```
#2b8262 rgb(43,130,98)
```
#2b7682
```
#2b7682 rgb(43,118,130)
```
#2b4b82
```
#2b4b82 rgb(43,75,130)
```

Analogous Color

#82632b
```
#82632b rgb(130,99,43)
```
#2b7682
```
#2b7682 rgb(43,118,130)
```
#822b4b
```
#822b4b rgb(130,43,75)
```

Split Complementary Color

#76822b
```
#76822b rgb(118,130,43)
```
#2b7682
```
#2b7682 rgb(43,118,130)
```
#822b76
```
#822b76 rgb(130,43,118)
```

Triadic Color

#2b8237
```
#2b8237 rgb(43,130,55)
```
#2b7682
```
#2b7682 rgb(43,118,130)
```
#822b76
```
#822b76 rgb(130,43,118)
```
#82372b
```
#82372b rgb(130,55,43)
```

Tetradic Color

#184249
```
#184249 rgb(24,66,73)
```
#1e535c
```
#1e535c rgb(30,83,92)
```
#25656f
```
#25656f rgb(37,101,111)
```
#2b7682
```
#2b7682 rgb(43,118,130)
```
#318795
```
#318795 rgb(49,135,149)
```
#3899a8
```
#3899a8 rgb(56,153,168)
```
#3eaabb
```
#3eaabb rgb(62,170,187)
```

Monochromatic Color

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

#2b8278
```
#2b8278 rgb(43,130,120)
```
#2b8280
```
#2b8280 rgb(43,130,128)
```
#2b7d82
```
#2b7d82 rgb(43,125,130)
```
#2b7682
```
#2b7682 rgb(43,118,130)
```
#2b6f82
```
#2b6f82 rgb(43,111,130)
```
#2b6882
```
#2b6882 rgb(43,104,130)
```
#2b6082
```
#2b6082 rgb(43,96,130)
```

Similar Colors

Text with hexadecimal color #2b7682

This text has a font color of #2b7682.

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

#2b7682 background color

This paragraph has a background color of #2b7682.

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

#2b7682 border color

This element has a border color of #2b7682.

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

CSS codes

.text {color:#2b7682;}

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

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

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)
```
#09181b
```
#09181b rgb(9,24,27)
```
#0e262a
```
#0e262a rgb(14,38,42)
```
#133338
```
#133338 rgb(19,51,56)
```
#174047
```
#174047 rgb(23,64,71)
```
#1c4e56
```
#1c4e56 rgb(28,78,86)
```
#215b65
```
#215b65 rgb(33,91,101)
```
#266973
```
#266973 rgb(38,105,115)
```
#2b7682
```
#2b7682 rgb(43,118,130)
```
#308391
```
#308391 rgb(48,131,145)
```
#35919f
```
#35919f rgb(53,145,159)
```
#3a9eae
```
#3a9eae rgb(58,158,174)
```
#3facbd
```
#3facbd rgb(63,172,189)
```

Shade Color Variation

#4bb3c4
```
#4bb3c4 rgb(75,179,196)
```
#5ab9c8
```
#5ab9c8 rgb(90,185,200)
```
#69c0cd
```
#69c0cd rgb(105,192,205)
```
#78c6d2
```
#78c6d2 rgb(120,198,210)
```
#86ccd7
```
#86ccd7 rgb(134,204,215)
```
#95d2dc
```
#95d2dc rgb(149,210,220)
```
#a4d8e1
```
#a4d8e1 rgb(164,216,225)
```
#b3dfe6
```
#b3dfe6 rgb(179,223,230)
```
#c1e5eb
```
#c1e5eb rgb(193,229,235)
```
#d0ebef
```
#d0ebef rgb(208,235,239)
```
#dff1f4
```
#dff1f4 rgb(223,241,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, #53595a is the less saturated color, while #0393aa is the most saturated one.

#53595a
```
#53595a rgb(83,89,90)
```
#4c5e61
```
#4c5e61 rgb(76,94,97)
```
#466367
```
#466367 rgb(70,99,103)
```
#3f686e
```
#3f686e rgb(63,104,110)
```
#386c75
```
#386c75 rgb(56,108,117)
```
#32717b
```
#32717b rgb(50,113,123)
```
#2b7682
```
#2b7682 rgb(43,118,130)
```
#247b89
```
#247b89 rgb(36,123,137)
```
#1e808f
```
#1e808f rgb(30,128,143)
```
#178496
```
#178496 rgb(23,132,150)
```
#10899d
```
#10899d rgb(16,137,157)
```
#0a8ea3
```
#0a8ea3 rgb(10,142,163)
```
#0393aa
```
#0393aa rgb(3,147,170)
```

Tone Color Variation

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

#717382 Protanopia 1% of men
#71718c Deuteranopia 1% of men
#347d86 Tritanopia 0.001% of the population

Trichromacy

#577482 Protanomaly 1% of men, 0.01% of women
#577388 Deuteranomaly 6% of men, 0.4% of women
#317a84 Tritanomaly 0.01% of the population

#2b7682 hex color

#2b7682 Color Information

#2b7682 Color Conversion

Color Schemes with #2b7682

Alternatives to #2b7682

#2b7682 Preview

Shades and Tints of #2b7682

Tones of #2b7682

Color Blindness Simulator