colorhexa.com

#2b4453 hex color

In a RGB color space, hex #2b4453 is composed of 16.9% red, 26.7% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 18.1% magenta, 0% yellow and 67.5% black. It has a hue angle of 202.5 degrees, a saturation of 31.7% and a lightness of 24.7%. #2b4453 color hex could be obtained by blending #5688a6 with #000000. Closest websafe color is: #333366.

- R 17
- G 27
- B 33
RGB color chart
- C 48
- M 18
- Y 0
- K 67
CMYK color chart

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

The hexadecimal color #2b4453 has RGB values of R:43, G:68, B:83 and CMYK values of C:0.48, M:0.18, Y:0, K:0.67. Its decimal value is 2835539.

Hex triplet	2b4453	`#2b4453`
RGB Decimal	43, 68, 83	`rgb(43,68,83)`
RGB Percent	16.9, 26.7, 32.5	`rgb(16.9%,26.7%,32.5%)`
CMYK	48, 18, 0, 67
HSL	202.5°, 31.7, 24.7	`hsl(202.5,31.7%,24.7%)`
HSV (or HSB)	202.5°, 48.2, 32.5
Web Safe	333366	`#333366`

CIE-LAB	27.496, -4.952, -11.989
XYZ	4.624, 5.272, 8.957
xyY	0.245, 0.28, 5.272
CIE-LCH	27.496, 12.971, 247.557
CIE-LUV	27.496, -10.924, -14.024
Hunter-Lab	22.961, -4.232, -7.056
Binary	00101011, 01000100, 01010011

#2b4453
```
#2b4453 rgb(43,68,83)
```
#533a2b
```
#533a2b rgb(83,58,43)
```

Complementary Color

#2b534e
```
#2b534e rgb(43,83,78)
```
#2b4453
```
#2b4453 rgb(43,68,83)
```
#2b3053
```
#2b3053 rgb(43,48,83)
```

Analogous Color

#534e2b
```
#534e2b rgb(83,78,43)
```
#2b4453
```
#2b4453 rgb(43,68,83)
```
#532b30
```
#532b30 rgb(83,43,48)
```

Split Complementary Color

#111b21
```
#111b21 rgb(17,27,33)
```
#1a2831
```
#1a2831 rgb(26,40,49)
```
#223642
```
#223642 rgb(34,54,66)
```
#2b4453
```
#2b4453 rgb(43,68,83)
```
#345264
```
#345264 rgb(52,82,100)
```
#3c6075
```
#3c6075 rgb(60,96,117)
```
#456d85
```
#456d85 rgb(69,109,133)
```

Monochromatic Color

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

#2b4e53
```
#2b4e53 rgb(43,78,83)
```
#2b4b53
```
#2b4b53 rgb(43,75,83)
```
#2b4753
```
#2b4753 rgb(43,71,83)
```
#2b4453
```
#2b4453 rgb(43,68,83)
```
#2b4153
```
#2b4153 rgb(43,65,83)
```
#2b3d53
```
#2b3d53 rgb(43,61,83)
```
#2b3a53
```
#2b3a53 rgb(43,58,83)
```

Similar Colors

Text with hexadecimal color #2b4453

This text has a font color of #2b4453.

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

#2b4453 background color

This paragraph has a background color of #2b4453.

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

#2b4453 border color

This element has a border color of #2b4453.

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

CSS codes

.text {color:#2b4453;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0f12
```
#0a0f12 rgb(10,15,18)
```
#101a1f
```
#101a1f rgb(16,26,31)
```
#17242c
```
#17242c rgb(23,36,44)
```
#1e2f39
```
#1e2f39 rgb(30,47,57)
```
#243946
```
#243946 rgb(36,57,70)
```
#2b4453
```
#2b4453 rgb(43,68,83)
```
#324f60
```
#324f60 rgb(50,79,96)
```
#38596d
```
#38596d rgb(56,89,109)
```
#3f647a
```
#3f647a rgb(63,100,122)
```
#466e87
```
#466e87 rgb(70,110,135)
```
#4c7994
```
#4c7994 rgb(76,121,148)
```
#5384a1
```
#5384a1 rgb(83,132,161)
```

Shade Color Variation

#5c8dab
```
#5c8dab rgb(92,141,171)
```
#6996b2
```
#6996b2 rgb(105,150,178)
```
#76a0b8
```
#76a0b8 rgb(118,160,184)
```
#83a9bf
```
#83a9bf rgb(131,169,191)
```
#90b2c6
```
#90b2c6 rgb(144,178,198)
```
#9dbbcc
```
#9dbbcc rgb(157,187,204)
```
#aac4d3
```
#aac4d3 rgb(170,196,211)
```
#b7cdda
```
#b7cdda rgb(183,205,218)
```
#c4d6e0
```
#c4d6e0 rgb(196,214,224)
```
#d1dfe7
```
#d1dfe7 rgb(209,223,231)
```
#dee8ee
```
#dee8ee rgb(222,232,238)
```
#ebf1f4
```
#ebf1f4 rgb(235,241,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3e3f40 is the less saturated color, while #044e7a is the most saturated one.

#3e3f40
```
#3e3f40 rgb(62,63,64)
```
#3a4044
```
#3a4044 rgb(58,64,68)
```
#354249
```
#354249 rgb(53,66,73)
```
#30434e
```
#30434e rgb(48,67,78)
```
#2b4453
```
#2b4453 rgb(43,68,83)
```
#264558
```
#264558 rgb(38,69,88)
```
#21465d
```
#21465d rgb(33,70,93)
```
#1c4862
```
#1c4862 rgb(28,72,98)
```
#184966
```
#184966 rgb(24,73,102)
```
#134a6b
```
#134a6b rgb(19,74,107)
```
#0e4b70
```
#0e4b70 rgb(14,75,112)
```
#094c75
```
#094c75 rgb(9,76,117)
```
#044e7a
```
#044e7a rgb(4,78,122)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3a3f42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#474a59 Protanopia 1% of men
#47495d Deuteranopia 1% of men
#334f54 Tritanopia 0.001% of the population

Trichromacy

#3c4757 Protanomaly 1% of men, 0.01% of women
#3d4759 Deuteranomaly 6% of men, 0.4% of women
#304b54 Tritanomaly 0.01% of the population