colorhexa.com

#2b5f83 hex color

In a RGB color space, hex #2b5f83 is composed of 16.9% red, 37.3% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 27.5% magenta, 0% yellow and 48.6% black. It has a hue angle of 204.5 degrees, a saturation of 50.6% and a lightness of 34.1%. #2b5f83 color hex could be obtained by blending #56beff with #000007. Closest websafe color is: #336699.

- R 17
- G 37
- B 51
RGB color chart
- C 67
- M 27
- Y 0
- K 49
CMYK color chart

● #2b5f83 color description : Dark moderate blue.

The hexadecimal color #2b5f83 has RGB values of R:43, G:95, B:131 and CMYK values of C:0.67, M:0.27, Y:0, K:0.49. Its decimal value is 2842499.

Hex triplet	2b5f83	`#2b5f83`
RGB Decimal	43, 95, 131	`rgb(43,95,131)`
RGB Percent	16.9, 37.3, 51.4	`rgb(16.9%,37.3%,51.4%)`
CMYK	67, 27, 0, 49
HSL	204.5°, 50.6, 34.1	`hsl(204.5,50.6%,34.1%)`
HSV (or HSB)	204.5°, 67.2, 51.4
Web Safe	336699	`#336699`

CIE-LAB	38.439, -5.209, -25.221
XYZ	9.184, 10.336, 22.983
xyY	0.216, 0.243, 10.336
CIE-LCH	38.439, 25.753, 258.33
CIE-LUV	38.439, -20.132, -34.672
Hunter-Lab	32.15, -5.27, -19.879
Binary	00101011, 01011111, 10000011

#2b5f83
```
#2b5f83 rgb(43,95,131)
```
#834f2b
```
#834f2b rgb(131,79,43)
```

Complementary Color

#2b837b
```
#2b837b rgb(43,131,123)
```
#2b5f83
```
#2b5f83 rgb(43,95,131)
```
#2b3383
```
#2b3383 rgb(43,51,131)
```

Analogous Color

#837b2b
```
#837b2b rgb(131,123,43)
```
#2b5f83
```
#2b5f83 rgb(43,95,131)
```
#832b33
```
#832b33 rgb(131,43,51)
```

Split Complementary Color

#5f832b
```
#5f832b rgb(95,131,43)
```
#2b5f83
```
#2b5f83 rgb(43,95,131)
```
#832b5f
```
#832b5f rgb(131,43,95)
```

Triadic Color

#183549
```
#183549 rgb(24,53,73)
```
#1e435d
```
#1e435d rgb(30,67,93)
```
#255170
```
#255170 rgb(37,81,112)
```
#2b5f83
```
#2b5f83 rgb(43,95,131)
```
#316d96
```
#316d96 rgb(49,109,150)
```
#387ba9
```
#387ba9 rgb(56,123,169)
```
#3e89bd
```
#3e89bd rgb(62,137,189)
```

Monochromatic Color

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

#2b7583
```
#2b7583 rgb(43,117,131)
```
#2b6e83
```
#2b6e83 rgb(43,110,131)
```
#2b6683
```
#2b6683 rgb(43,102,131)
```
#2b5f83
```
#2b5f83 rgb(43,95,131)
```
#2b5883
```
#2b5883 rgb(43,88,131)
```
#2b5083
```
#2b5083 rgb(43,80,131)
```
#2b4983
```
#2b4983 rgb(43,73,131)
```

Similar Colors

Text with hexadecimal color #2b5f83

This text has a font color of #2b5f83.

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

#2b5f83 background color

This paragraph has a background color of #2b5f83.

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

#2b5f83 border color

This element has a border color of #2b5f83.

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

CSS codes

.text {color:#2b5f83;}

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

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

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, #04090d is the darkest color, while #fdfefe is the lightest one.

#04090d
```
#04090d rgb(4,9,13)
```
#09141c
```
#09141c rgb(9,20,28)
```
#0e1f2a
```
#0e1f2a rgb(14,31,42)
```
#132939
```
#132939 rgb(19,41,57)
```
#183448
```
#183448 rgb(24,52,72)
```
#1c3f57
```
#1c3f57 rgb(28,63,87)
```
#214a65
```
#214a65 rgb(33,74,101)
```
#265474
```
#265474 rgb(38,84,116)
```
#2b5f83
```
#2b5f83 rgb(43,95,131)
```
#306a92
```
#306a92 rgb(48,106,146)
```
#3574a1
```
#3574a1 rgb(53,116,161)
```
#3a7faf
```
#3a7faf rgb(58,127,175)
```
#3e8abe
```
#3e8abe rgb(62,138,190)
```

Shade Color Variation

#4c93c4
```
#4c93c4 rgb(76,147,196)
```
#5b9cc9
```
#5b9cc9 rgb(91,156,201)
```
#69a5ce
```
#69a5ce rgb(105,165,206)
```
#78aed3
```
#78aed3 rgb(120,174,211)
```
#87b7d8
```
#87b7d8 rgb(135,183,216)
```
#96c0dc
```
#96c0dc rgb(150,192,220)
```
#a4c8e1
```
#a4c8e1 rgb(164,200,225)
```
#b3d1e6
```
#b3d1e6 rgb(179,209,230)
```
#c2daeb
```
#c2daeb rgb(194,218,235)
```
#d1e3f0
```
#d1e3f0 rgb(209,227,240)
```
#e0ecf5
```
#e0ecf5 rgb(224,236,245)
```
#eef5fa
```
#eef5fa rgb(238,245,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53585b is the less saturated color, while #0366ab is the most saturated one.

#53585b
```
#53585b rgb(83,88,91)
```
#4c5962
```
#4c5962 rgb(76,89,98)
```
#465a68
```
#465a68 rgb(70,90,104)
```
#3f5b6f
```
#3f5b6f rgb(63,91,111)
```
#385d76
```
#385d76 rgb(56,93,118)
```
#325e7c
```
#325e7c rgb(50,94,124)
```
#2b5f83
```
#2b5f83 rgb(43,95,131)
```
#24608a
```
#24608a rgb(36,96,138)
```
#1e6190
```
#1e6190 rgb(30,97,144)
```
#176397
```
#176397 rgb(23,99,151)
```
#10649e
```
#10649e rgb(16,100,158)
```
#0a65a4
```
#0a65a4 rgb(10,101,164)
```
#0366ab
```
#0366ab rgb(3,102,171)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4c565d Atypical Achromatopsia 0.001% of the population

Dichromacy

#576185 Protanopia 1% of men
#51628b Deuteranopia 1% of men
#266b73 Tritanopia 0.001% of the population

Trichromacy

#476084 Protanomaly 1% of men, 0.01% of women
#436188 Deuteranomaly 6% of men, 0.4% of women
#286779 Tritanomaly 0.01% of the population