#2b4f66 hex color

In a RGB color space, hex #2b4f66 is composed of 16.9% red, 31% green and 40% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 22.5% magenta, 0% yellow and 60% black. It has a hue angle of 203.4 degrees, a saturation of 40.7% and a lightness of 28.4%. #2b4f66 color hex could be obtained by blending #569ecc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 31
- B 40
RGB color chart
- C 58
- M 23
- Y 0
- K 60
CMYK color chart

● #2b4f66 color description : Very dark desaturated blue.

The hexadecimal color #2b4f66 has RGB values of R:43, G:79, B:102 and CMYK values of C:0.58, M:0.23, Y:0, K:0.6. Its decimal value is 2838374.

Hex triplet	2b4f66	`#2b4f66`
RGB Decimal	43, 79, 102	`rgb(43,79,102)`
RGB Percent	16.9, 31, 40	`rgb(16.9%,31%,40%)`
CMYK	58, 23, 0, 60
HSL	203.4°, 40.7, 28.4	`hsl(203.4,40.7%,28.4%)`
HSV (or HSB)	203.4°, 57.8, 40
Web Safe	336666	`#336666`

CIE-LAB	31.953, -5.53, -17.314
XYZ	6.19, 7.064, 13.607
xyY	0.23, 0.263, 7.064
CIE-LCH	31.953, 18.175, 252.287
CIE-LUV	31.953, -14.949, -21.899
Hunter-Lab	26.579, -4.943, -11.748
Binary	00101011, 01001111, 01100110

#2b4f66
```
#2b4f66 rgb(43,79,102)
```
#66422b
```
#66422b rgb(102,66,43)
```

Complementary Color

#2b6660
```
#2b6660 rgb(43,102,96)
```
#2b4f66
```
#2b4f66 rgb(43,79,102)
```
#2b3266
```
#2b3266 rgb(43,50,102)
```

Analogous Color

#66602b
```
#66602b rgb(102,96,43)
```
#2b4f66
```
#2b4f66 rgb(43,79,102)
```
#662b32
```
#662b32 rgb(102,43,50)
```

Split Complementary Color

#4f662b
```
#4f662b rgb(79,102,43)
```
#2b4f66
```
#2b4f66 rgb(43,79,102)
```
#662b4f
```
#662b4f rgb(102,43,79)
```

Triadic Color

#2b6642
```
#2b6642 rgb(43,102,66)
```
#2b4f66
```
#2b4f66 rgb(43,79,102)
```
#662b4f
```
#662b4f rgb(102,43,79)
```
#66422b
```
#66422b rgb(102,66,43)
```

Tetradic Color

#142530
```
#142530 rgb(20,37,48)
```
#1c3342
```
#1c3342 rgb(28,51,66)
```
#234154
```
#234154 rgb(35,65,84)
```
#2b4f66
```
#2b4f66 rgb(43,79,102)
```
#335d78
```
#335d78 rgb(51,93,120)
```
#3a6b8a
```
#3a6b8a rgb(58,107,138)
```
#42799c
```
#42799c rgb(66,121,156)
```

Monochromatic Color

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

#2b5e66
```
#2b5e66 rgb(43,94,102)
```
#2b5966
```
#2b5966 rgb(43,89,102)
```
#2b5466
```
#2b5466 rgb(43,84,102)
```
#2b4f66
```
#2b4f66 rgb(43,79,102)
```
#2b4a66
```
#2b4a66 rgb(43,74,102)
```
#2b4566
```
#2b4566 rgb(43,69,102)
```
#2b4066
```
#2b4066 rgb(43,64,102)
```

Similar Colors

Text with hexadecimal color #2b4f66

This text has a font color of #2b4f66.

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

#2b4f66 background color

This paragraph has a background color of #2b4f66.

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

#2b4f66 border color

This element has a border color of #2b4f66.

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

CSS codes

.text {color:#2b4f66;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#080f13
```
#080f13 rgb(8,15,19)
```
#0e1a21
```
#0e1a21 rgb(14,26,33)
```
#14242f
```
#14242f rgb(20,36,47)
```
#1a2f3d
```
#1a2f3d rgb(26,47,61)
```
#1f3a4a
```
#1f3a4a rgb(31,58,74)
```
#254458
```
#254458 rgb(37,68,88)
```
#2b4f66
```
#2b4f66 rgb(43,79,102)
```
#315a74
```
#315a74 rgb(49,90,116)
```
#376482
```
#376482 rgb(55,100,130)
```
#3c6f8f
```
#3c6f8f rgb(60,111,143)
```
#427a9d
```
#427a9d rgb(66,122,157)
```
#4884ab
```
#4884ab rgb(72,132,171)
```

Shade Color Variation

#518eb6
```
#518eb6 rgb(81,142,182)
```
#5f97bb
```
#5f97bb rgb(95,151,187)
```
#6da0c1
```
#6da0c1 rgb(109,160,193)
```
#7aa9c7
```
#7aa9c7 rgb(122,169,199)
```
#88b2cd
```
#88b2cd rgb(136,178,205)
```
#96bbd3
```
#96bbd3 rgb(150,187,211)
```
#a4c4d9
```
#a4c4d9 rgb(164,196,217)
```
#b2cdde
```
#b2cdde rgb(178,205,222)
```
#bfd6e4
```
#bfd6e4 rgb(191,214,228)
```
#cddfea
```
#cddfea rgb(205,223,234)
```
#dbe8f0
```
#dbe8f0 rgb(219,232,240)
```
#e9f1f6
```
#e9f1f6 rgb(233,241,246)
```
#f7fafb
```
#f7fafb rgb(247,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #47494a is the less saturated color, while #04588d is the most saturated one.

#47494a
```
#47494a rgb(71,73,74)
```
#414a50
```
#414a50 rgb(65,74,80)
```
#3c4b55
```
#3c4b55 rgb(60,75,85)
```
#364d5b
```
#364d5b rgb(54,77,91)
```
#314e60
```
#314e60 rgb(49,78,96)
```
#2b4f66
```
#2b4f66 rgb(43,79,102)
```
#25506c
```
#25506c rgb(37,80,108)
```
#205171
```
#205171 rgb(32,81,113)
```
#1a5377
```
#1a5377 rgb(26,83,119)
```
#15547c
```
#15547c rgb(21,84,124)
```
#0f5582
```
#0f5582 rgb(15,85,130)
```
#0a5687
```
#0a5687 rgb(10,86,135)
```
#04588d
```
#04588d rgb(4,88,141)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#41494d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d536a Protanopia 1% of men
#4b536f Deuteranopia 1% of men
#2f5a61 Tritanopia 0.001% of the population

Trichromacy

#415169 Protanomaly 1% of men, 0.01% of women
#3f516c Deuteranomaly 6% of men, 0.4% of women
#2e5662 Tritanomaly 0.01% of the population

#2b4f66 hex color

#2b4f66 Color Information

#2b4f66 Color Conversion

Color Schemes with #2b4f66

Alternatives to #2b4f66

#2b4f66 Preview

Shades and Tints of #2b4f66

Tones of #2b4f66

Color Blindness Simulator