#2b737c hex color

In a RGB color space, hex #2b737c is composed of 16.9% red, 45.1% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 7.3% magenta, 0% yellow and 51.4% black. It has a hue angle of 186.7 degrees, a saturation of 48.5% and a lightness of 32.7%. #2b737c color hex could be obtained by blending #56e6f8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 45
- B 49
RGB color chart
- C 65
- M 7
- Y 0
- K 51
CMYK color chart

● #2b737c color description : Dark moderate cyan.

The hexadecimal color #2b737c has RGB values of R:43, G:115, B:124 and CMYK values of C:0.65, M:0.07, Y:0, K:0.51. Its decimal value is 2847612.

Hex triplet	2b737c	`#2b737c`
RGB Decimal	43, 115, 124	`rgb(43,115,124)`
RGB Percent	16.9, 45.1, 48.6	`rgb(16.9%,45.1%,48.6%)`
CMYK	65, 7, 0, 51
HSL	186.7°, 48.5, 32.7	`hsl(186.7,48.5%,32.7%)`
HSV (or HSB)	186.7°, 65.3, 48.6
Web Safe	336666	`#336666`

CIE-LAB	44.56, -19.128, -11.591
XYZ	10.764, 14.229, 21.247
xyY	0.233, 0.308, 14.229
CIE-LCH	44.56, 22.365, 211.214
CIE-LUV	44.56, -27.986, -13.662
Hunter-Lab	37.722, -15.078, -6.99
Binary	00101011, 01110011, 01111100

#2b737c
```
#2b737c rgb(43,115,124)
```
#7c342b
```
#7c342b rgb(124,52,43)
```

Complementary Color

#2b7c5c
```
#2b7c5c rgb(43,124,92)
```
#2b737c
```
#2b737c rgb(43,115,124)
```
#2b4b7c
```
#2b4b7c rgb(43,75,124)
```

Analogous Color

#7c5c2b
```
#7c5c2b rgb(124,92,43)
```
#2b737c
```
#2b737c rgb(43,115,124)
```
#7c2b4b
```
#7c2b4b rgb(124,43,75)
```

Split Complementary Color

#737c2b
```
#737c2b rgb(115,124,43)
```
#2b737c
```
#2b737c rgb(43,115,124)
```
#7c2b73
```
#7c2b73 rgb(124,43,115)
```

Triadic Color

#2b7c34
```
#2b7c34 rgb(43,124,52)
```
#2b737c
```
#2b737c rgb(43,115,124)
```
#7c2b73
```
#7c2b73 rgb(124,43,115)
```
#7c342b
```
#7c342b rgb(124,52,43)
```

Tetradic Color

#173e43
```
#173e43 rgb(23,62,67)
```
#1e5056
```
#1e5056 rgb(30,80,86)
```
#246169
```
#246169 rgb(36,97,105)
```
#2b737c
```
#2b737c rgb(43,115,124)
```
#32858f
```
#32858f rgb(50,133,143)
```
#3896a2
```
#3896a2 rgb(56,150,162)
```
#3fa8b5
```
#3fa8b5 rgb(63,168,181)
```

Monochromatic Color

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

#2b7c71
```
#2b7c71 rgb(43,124,113)
```
#2b7c78
```
#2b7c78 rgb(43,124,120)
```
#2b7a7c
```
#2b7a7c rgb(43,122,124)
```
#2b737c
```
#2b737c rgb(43,115,124)
```
#2b6c7c
```
#2b6c7c rgb(43,108,124)
```
#2b667c
```
#2b667c rgb(43,102,124)
```
#2b5f7c
```
#2b5f7c rgb(43,95,124)
```

Similar Colors

Text with hexadecimal color #2b737c

This text has a font color of #2b737c.

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

#2b737c background color

This paragraph has a background color of #2b737c.

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

#2b737c border color

This element has a border color of #2b737c.

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

CSS codes

.text {color:#2b737c;}

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

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

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, #030707 is the darkest color, while #f8fcfd is the lightest one.

#030707
```
#030707 rgb(3,7,7)
```
#081416
```
#081416 rgb(8,20,22)
```
#0d2225
```
#0d2225 rgb(13,34,37)
```
#122f33
```
#122f33 rgb(18,47,51)
```
#173d42
```
#173d42 rgb(23,61,66)
```
#1c4a50
```
#1c4a50 rgb(28,74,80)
```
#21585f
```
#21585f rgb(33,88,95)
```
#26656d
```
#26656d rgb(38,101,109)
```
#2b737c
```
#2b737c rgb(43,115,124)
```
#30818b
```
#30818b rgb(48,129,139)
```
#358e99
```
#358e99 rgb(53,142,153)
```
#3a9ca8
```
#3a9ca8 rgb(58,156,168)
```
#3fa9b6
```
#3fa9b6 rgb(63,169,182)
```

Shade Color Variation

#49b3c0
```
#49b3c0 rgb(73,179,192)
```
#58b9c5
```
#58b9c5 rgb(88,185,197)
```
#66bfca
```
#66bfca rgb(102,191,202)
```
#75c5cf
```
#75c5cf rgb(117,197,207)
```
#83cbd4
```
#83cbd4 rgb(131,203,212)
```
#92d1d9
```
#92d1d9 rgb(146,209,217)
```
#a1d7de
```
#a1d7de rgb(161,215,222)
```
#afdde3
```
#afdde3 rgb(175,221,227)
```
#bee4e8
```
#bee4e8 rgb(190,228,232)
```
#cceaed
```
#cceaed rgb(204,234,237)
```
#dbf0f2
```
#dbf0f2 rgb(219,240,242)
```
#e9f6f7
```
#e9f6f7 rgb(233,246,247)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#525555
```
#525555 rgb(82,85,85)
```
#4b5a5c
```
#4b5a5c rgb(75,90,92)
```
#455f62
```
#455f62 rgb(69,95,98)
```
#3e6469
```
#3e6469 rgb(62,100,105)
```
#38696f
```
#38696f rgb(56,105,111)
```
#316e76
```
#316e76 rgb(49,110,118)
```
#2b737c
```
#2b737c rgb(43,115,124)
```
#257882
```
#257882 rgb(37,120,130)
```
#1e7d89
```
#1e7d89 rgb(30,125,137)
```
#18828f
```
#18828f rgb(24,130,143)
```
#118796
```
#118796 rgb(17,135,150)
```
#0b8c9c
```
#0b8c9c rgb(11,140,156)
```
#0491a3
```
#0491a3 rgb(4,145,163)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#546264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f707c Protanopia 1% of men
#706e87 Deuteranopia 1% of men
#367a83 Tritanopia 0.001% of the population

Trichromacy

#56717c Protanomaly 1% of men, 0.01% of women
#567083 Deuteranomaly 6% of men, 0.4% of women
#327780 Tritanomaly 0.01% of the population

#2b737c hex color

#2b737c Color Information

#2b737c Color Conversion

Color Schemes with #2b737c

Alternatives to #2b737c

#2b737c Preview

Shades and Tints of #2b737c

Tones of #2b737c

Color Blindness Simulator