#2b747f hex color

In a RGB color space, hex #2b747f is composed of 16.9% red, 45.5% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 8.7% magenta, 0% yellow and 50.2% black. It has a hue angle of 187.9 degrees, a saturation of 49.4% and a lightness of 33.3%. #2b747f color hex could be obtained by blending #56e8fe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 45
- B 50
RGB color chart
- C 66
- M 9
- Y 0
- K 50
CMYK color chart

● #2b747f color description : Dark moderate cyan.

The hexadecimal color #2b747f has RGB values of R:43, G:116, B:127 and CMYK values of C:0.66, M:0.09, Y:0, K:0.5. Its decimal value is 2847871.

Hex triplet	2b747f	`#2b747f`
RGB Decimal	43, 116, 127	`rgb(43,116,127)`
RGB Percent	16.9, 45.5, 49.8	`rgb(16.9%,45.5%,49.8%)`
CMYK	66, 9, 0, 50
HSL	187.9°, 49.4, 33.3	`hsl(187.9,49.4%,33.3%)`
HSV (or HSB)	187.9°, 66.1, 49.8
Web Safe	336666	`#336666`

CIE-LAB	44.992, -18.707, -12.732
XYZ	11.071, 14.536, 22.3
xyY	0.231, 0.303, 14.536
CIE-LCH	44.992, 22.629, 214.238
CIE-LUV	44.992, -28.21, -15.43
Hunter-Lab	38.126, -14.886, -7.991
Binary	00101011, 01110100, 01111111

#2b747f
```
#2b747f rgb(43,116,127)
```
#7f362b
```
#7f362b rgb(127,54,43)
```

Complementary Color

#2b7f60
```
#2b7f60 rgb(43,127,96)
```
#2b747f
```
#2b747f rgb(43,116,127)
```
#2b4a7f
```
#2b4a7f rgb(43,74,127)
```

Analogous Color

#7f602b
```
#7f602b rgb(127,96,43)
```
#2b747f
```
#2b747f rgb(43,116,127)
```
#7f2b4a
```
#7f2b4a rgb(127,43,74)
```

Split Complementary Color

#747f2b
```
#747f2b rgb(116,127,43)
```
#2b747f
```
#2b747f rgb(43,116,127)
```
#7f2b74
```
#7f2b74 rgb(127,43,116)
```

Triadic Color

#2b7f36
```
#2b7f36 rgb(43,127,54)
```
#2b747f
```
#2b747f rgb(43,116,127)
```
#7f2b74
```
#7f2b74 rgb(127,43,116)
```
#7f362b
```
#7f362b rgb(127,54,43)
```

Tetradic Color

#184046
```
#184046 rgb(24,64,70)
```
#1e5159
```
#1e5159 rgb(30,81,89)
```
#25636c
```
#25636c rgb(37,99,108)
```
#2b747f
```
#2b747f rgb(43,116,127)
```
#318592
```
#318592 rgb(49,133,146)
```
#3897a5
```
#3897a5 rgb(56,151,165)
```
#3ea8b8
```
#3ea8b8 rgb(62,168,184)
```

Monochromatic Color

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

#2b7f75
```
#2b7f75 rgb(43,127,117)
```
#2b7f7c
```
#2b7f7c rgb(43,127,124)
```
#2b7b7f
```
#2b7b7f rgb(43,123,127)
```
#2b747f
```
#2b747f rgb(43,116,127)
```
#2b6d7f
```
#2b6d7f rgb(43,109,127)
```
#2b667f
```
#2b667f rgb(43,102,127)
```
#2b5f7f
```
#2b5f7f rgb(43,95,127)
```

Similar Colors

Text with hexadecimal color #2b747f

This text has a font color of #2b747f.

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

#2b747f background color

This paragraph has a background color of #2b747f.

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

#2b747f border color

This element has a border color of #2b747f.

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

CSS codes

.text {color:#2b747f;}

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

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

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, #03090a is the darkest color, while #fafdfd is the lightest one.

#03090a
```
#03090a rgb(3,9,10)
```
#081618
```
#081618 rgb(8,22,24)
```
#0d2427
```
#0d2427 rgb(13,36,39)
```
#123136
```
#123136 rgb(18,49,54)
```
#173e44
```
#173e44 rgb(23,62,68)
```
#1c4c53
```
#1c4c53 rgb(28,76,83)
```
#215962
```
#215962 rgb(33,89,98)
```
#266770
```
#266770 rgb(38,103,112)
```
#2b747f
```
#2b747f rgb(43,116,127)
```
#30818e
```
#30818e rgb(48,129,142)
```
#358f9c
```
#358f9c rgb(53,143,156)
```
#3a9cab
```
#3a9cab rgb(58,156,171)
```
#3faaba
```
#3faaba rgb(63,170,186)
```

Shade Color Variation

#4ab2c2
```
#4ab2c2 rgb(74,178,194)
```
#59b8c7
```
#59b8c7 rgb(89,184,199)
```
#68bfcc
```
#68bfcc rgb(104,191,204)
```
#76c5d1
```
#76c5d1 rgb(118,197,209)
```
#85cbd6
```
#85cbd6 rgb(133,203,214)
```
#94d1db
```
#94d1db rgb(148,209,219)
```
#a2d8e0
```
#a2d8e0 rgb(162,216,224)
```
#b1dee5
```
#b1dee5 rgb(177,222,229)
```
#c0e4ea
```
#c0e4ea rgb(192,228,234)
```
#ceeaee
```
#ceeaee rgb(206,234,238)
```
#ddf0f3
```
#ddf0f3 rgb(221,240,243)
```
#ebf7f8
```
#ebf7f8 rgb(235,247,248)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#525758
```
#525758 rgb(82,87,88)
```
#4c5c5e
```
#4c5c5e rgb(76,92,94)
```
#456165
```
#456165 rgb(69,97,101)
```
#3f666b
```
#3f666b rgb(63,102,107)
```
#386a72
```
#386a72 rgb(56,106,114)
```
#326f78
```
#326f78 rgb(50,111,120)
```
#2b747f
```
#2b747f rgb(43,116,127)
```
#247986
```
#247986 rgb(36,121,134)
```
#1e7e8c
```
#1e7e8c rgb(30,126,140)
```
#178293
```
#178293 rgb(23,130,147)
```
#118799
```
#118799 rgb(17,135,153)
```
#0a8ca0
```
#0a8ca0 rgb(10,140,160)
```
#0491a6
```
#0491a6 rgb(4,145,166)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#556365 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f717f Protanopia 1% of men
#706f89 Deuteranopia 1% of men
#357b84 Tritanopia 0.001% of the population

Trichromacy

#56727f Protanomaly 1% of men, 0.01% of women
#567185 Deuteranomaly 6% of men, 0.4% of women
#317882 Tritanomaly 0.01% of the population

#2b747f hex color

#2b747f Color Information

#2b747f Color Conversion

Color Schemes with #2b747f

Alternatives to #2b747f

#2b747f Preview

Shades and Tints of #2b747f

Tones of #2b747f

Color Blindness Simulator