#2b5b75 hex color

In a RGB color space, hex #2b5b75 is composed of 16.9% red, 35.7% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 22.2% magenta, 0% yellow and 54.1% black. It has a hue angle of 201.1 degrees, a saturation of 46.3% and a lightness of 31.4%. #2b5b75 color hex could be obtained by blending #56b6ea with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 36
- B 46
RGB color chart
- C 63
- M 22
- Y 0
- K 54
CMYK color chart

● #2b5b75 color description : Dark moderate blue.

The hexadecimal color #2b5b75 has RGB values of R:43, G:91, B:117 and CMYK values of C:0.63, M:0.22, Y:0, K:0.54. Its decimal value is 2841461.

Hex triplet	2b5b75	`#2b5b75`
RGB Decimal	43, 91, 117	`rgb(43,91,117)`
RGB Percent	16.9, 35.7, 45.9	`rgb(16.9%,35.7%,45.9%)`
CMYK	63, 22, 0, 54
HSL	201.1°, 46.3, 31.4	`hsl(201.1,46.3%,31.4%)`
HSV (or HSB)	201.1°, 63.2, 45.9
Web Safe	336666	`#336666`

CIE-LAB	36.517, -7.725, -19.626
XYZ	7.947, 9.28, 18.201
xyY	0.224, 0.262, 9.28
CIE-LCH	36.517, 21.092, 248.515
CIE-LUV	36.517, -19.115, -25.808
Hunter-Lab	30.462, -6.74, -14.102
Binary	00101011, 01011011, 01110101

#2b5b75
```
#2b5b75 rgb(43,91,117)
```
#75452b
```
#75452b rgb(117,69,43)
```

Complementary Color

#2b756a
```
#2b756a rgb(43,117,106)
```
#2b5b75
```
#2b5b75 rgb(43,91,117)
```
#2b3675
```
#2b3675 rgb(43,54,117)
```

Analogous Color

#756a2b
```
#756a2b rgb(117,106,43)
```
#2b5b75
```
#2b5b75 rgb(43,91,117)
```
#752b36
```
#752b36 rgb(117,43,54)
```

Split Complementary Color

#5b752b
```
#5b752b rgb(91,117,43)
```
#2b5b75
```
#2b5b75 rgb(43,91,117)
```
#752b5b
```
#752b5b rgb(117,43,91)
```

Triadic Color

#2b7545
```
#2b7545 rgb(43,117,69)
```
#2b5b75
```
#2b5b75 rgb(43,91,117)
```
#752b5b
```
#752b5b rgb(117,43,91)
```
#75452b
```
#75452b rgb(117,69,43)
```

Tetradic Color

#162f3d
```
#162f3d rgb(22,47,61)
```
#1d3e50
```
#1d3e50 rgb(29,62,80)
```
#244c62
```
#244c62 rgb(36,76,98)
```
#2b5b75
```
#2b5b75 rgb(43,91,117)
```
#326a88
```
#326a88 rgb(50,106,136)
```
#39789a
```
#39789a rgb(57,120,154)
```
#4087ad
```
#4087ad rgb(64,135,173)
```

Monochromatic Color

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

#2b6e75
```
#2b6e75 rgb(43,110,117)
```
#2b6775
```
#2b6775 rgb(43,103,117)
```
#2b6175
```
#2b6175 rgb(43,97,117)
```
#2b5b75
```
#2b5b75 rgb(43,91,117)
```
#2b5575
```
#2b5575 rgb(43,85,117)
```
#2b4f75
```
#2b4f75 rgb(43,79,117)
```
#2b4975
```
#2b4975 rgb(43,73,117)
```

Similar Colors

Text with hexadecimal color #2b5b75

This text has a font color of #2b5b75.

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

#2b5b75 background color

This paragraph has a background color of #2b5b75.

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

#2b5b75 border color

This element has a border color of #2b5b75.

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

CSS codes

.text {color:#2b5b75;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060d11
```
#060d11 rgb(6,13,17)
```
#0b181f
```
#0b181f rgb(11,24,31)
```
#11232d
```
#11232d rgb(17,35,45)
```
#162e3c
```
#162e3c rgb(22,46,60)
```
#1b3a4a
```
#1b3a4a rgb(27,58,74)
```
#204558
```
#204558 rgb(32,69,88)
```
#265067
```
#265067 rgb(38,80,103)
```
#2b5b75
```
#2b5b75 rgb(43,91,117)
```
#306683
```
#306683 rgb(48,102,131)
```
#367192
```
#367192 rgb(54,113,146)
```
#3b7ca0
```
#3b7ca0 rgb(59,124,160)
```
#4088ae
```
#4088ae rgb(64,136,174)
```

Shade Color Variation

#4792bb
```
#4792bb rgb(71,146,187)
```
#559bc1
```
#559bc1 rgb(85,155,193)
```
#63a3c6
```
#63a3c6 rgb(99,163,198)
```
#72accb
```
#72accb rgb(114,172,203)
```
#80b4d0
```
#80b4d0 rgb(128,180,208)
```
#8fbdd6
```
#8fbdd6 rgb(143,189,214)
```
#9dc5db
```
#9dc5db rgb(157,197,219)
```
#abcee0
```
#abcee0 rgb(171,206,224)
```
#bad6e5
```
#bad6e5 rgb(186,214,229)
```
#c8deeb
```
#c8deeb rgb(200,222,235)
```
#d6e7f0
```
#d6e7f0 rgb(214,231,240)
```
#e5eff5
```
#e5eff5 rgb(229,239,245)
```
#f3f8fb
```
#f3f8fb rgb(243,248,251)
```

Tint Color Variation

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

#505050
```
#505050 rgb(80,80,80)
```
#4a5256
```
#4a5256 rgb(74,82,86)
```
#44545c
```
#44545c rgb(68,84,92)
```
#3d5663
```
#3d5663 rgb(61,86,99)
```
#375769
```
#375769 rgb(55,87,105)
```
#31596f
```
#31596f rgb(49,89,111)
```
#2b5b75
```
#2b5b75 rgb(43,91,117)
```
#255d7b
```
#255d7b rgb(37,93,123)
```
#1f5f81
```
#1f5f81 rgb(31,95,129)
```
#196087
```
#196087 rgb(25,96,135)
```
#12628e
```
#12628e rgb(18,98,142)
```
#0c6494
```
#0c6494 rgb(12,100,148)
```
#06669a
```
#06669a rgb(6,102,154)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#495257 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575d78 Protanopia 1% of men
#535d7e Deuteranopia 1% of men
#2d666d Tritanopia 0.001% of the population

Trichromacy

#475c77 Protanomaly 1% of men, 0.01% of women
#455c7b Deuteranomaly 6% of men, 0.4% of women
#2c6270 Tritanomaly 0.01% of the population

#2b5b75 hex color

#2b5b75 Color Information

#2b5b75 Color Conversion

Color Schemes with #2b5b75

Alternatives to #2b5b75

#2b5b75 Preview

Shades and Tints of #2b5b75

Tones of #2b5b75

Color Blindness Simulator