#2b5a6c hex color

In a RGB color space, hex #2b5a6c is composed of 16.9% red, 35.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 16.7% magenta, 0% yellow and 57.6% black. It has a hue angle of 196.6 degrees, a saturation of 43% and a lightness of 29.6%. #2b5a6c color hex could be obtained by blending #56b4d8 with #000000. Closest websafe color is: #336666.

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

● #2b5a6c color description : Very dark blue.

The hexadecimal color #2b5a6c has RGB values of R:43, G:90, B:108 and CMYK values of C:0.6, M:0.17, Y:0, K:0.58. Its decimal value is 2841196.

Hex triplet	2b5a6c	`#2b5a6c`
RGB Decimal	43, 90, 108	`rgb(43,90,108)`
RGB Percent	16.9, 35.3, 42.4	`rgb(16.9%,35.3%,42.4%)`
CMYK	60, 17, 0, 58
HSL	196.6°, 43, 29.6	`hsl(196.6,43%,29.6%)`
HSV (or HSB)	196.6°, 60.2, 42.4
Web Safe	336666	`#336666`

CIE-LAB	35.807, -10.203, -15.148
XYZ	7.359, 8.908, 15.518
xyY	0.232, 0.28, 8.908
CIE-LCH	35.807, 18.264, 236.036
CIE-LUV	35.807, -19.033, -19.004
Hunter-Lab	29.846, -8.223, -9.934
Binary	00101011, 01011010, 01101100

#2b5a6c
```
#2b5a6c rgb(43,90,108)
```
#6c3d2b
```
#6c3d2b rgb(108,61,43)
```

Complementary Color

#2b6c5e
```
#2b6c5e rgb(43,108,94)
```
#2b5a6c
```
#2b5a6c rgb(43,90,108)
```
#2b3a6c
```
#2b3a6c rgb(43,58,108)
```

Analogous Color

#6c5e2b
```
#6c5e2b rgb(108,94,43)
```
#2b5a6c
```
#2b5a6c rgb(43,90,108)
```
#6c2b3a
```
#6c2b3a rgb(108,43,58)
```

Split Complementary Color

#5a6c2b
```
#5a6c2b rgb(90,108,43)
```
#2b5a6c
```
#2b5a6c rgb(43,90,108)
```
#6c2b5a
```
#6c2b5a rgb(108,43,90)
```

Triadic Color

#2b6c3d
```
#2b6c3d rgb(43,108,61)
```
#2b5a6c
```
#2b5a6c rgb(43,90,108)
```
#6c2b5a
```
#6c2b5a rgb(108,43,90)
```
#6c3d2b
```
#6c3d2b rgb(108,61,43)
```

Tetradic Color

#152c35
```
#152c35 rgb(21,44,53)
```
#1c3c48
```
#1c3c48 rgb(28,60,72)
```
#244b5a
```
#244b5a rgb(36,75,90)
```
#2b5a6c
```
#2b5a6c rgb(43,90,108)
```
#32697e
```
#32697e rgb(50,105,126)
```
#3a7890
```
#3a7890 rgb(58,120,144)
```
#4188a3
```
#4188a3 rgb(65,136,163)
```

Monochromatic Color

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

#2b6a6c
```
#2b6a6c rgb(43,106,108)
```
#2b656c
```
#2b656c rgb(43,101,108)
```
#2b5f6c
```
#2b5f6c rgb(43,95,108)
```
#2b5a6c
```
#2b5a6c rgb(43,90,108)
```
#2b556c
```
#2b556c rgb(43,85,108)
```
#2b4f6c
```
#2b4f6c rgb(43,79,108)
```
#2b4a6c
```
#2b4a6c rgb(43,74,108)
```

Similar Colors

Text with hexadecimal color #2b5a6c

This text has a font color of #2b5a6c.

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

#2b5a6c background color

This paragraph has a background color of #2b5a6c.

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

#2b5a6c border color

This element has a border color of #2b5a6c.

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

CSS codes

.text {color:#2b5a6c;}

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

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

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

#04080a
```
#04080a rgb(4,8,10)
```
#091418
```
#091418 rgb(9,20,24)
```
#0f2026
```
#0f2026 rgb(15,32,38)
```
#152b34
```
#152b34 rgb(21,43,52)
```
#1a3742
```
#1a3742 rgb(26,55,66)
```
#204350
```
#204350 rgb(32,67,80)
```
#254e5e
```
#254e5e rgb(37,78,94)
```
#2b5a6c
```
#2b5a6c rgb(43,90,108)
```
#31667a
```
#31667a rgb(49,102,122)
```
#367188
```
#367188 rgb(54,113,136)
```
#3c7d96
```
#3c7d96 rgb(60,125,150)
```
#4189a4
```
#4189a4 rgb(65,137,164)
```
#4794b2
```
#4794b2 rgb(71,148,178)
```

Shade Color Variation

#529eba
```
#529eba rgb(82,158,186)
```
#60a5c0
```
#60a5c0 rgb(96,165,192)
```
#6eadc5
```
#6eadc5 rgb(110,173,197)
```
#7cb5cb
```
#7cb5cb rgb(124,181,203)
```
#8bbdd1
```
#8bbdd1 rgb(139,189,209)
```
#99c5d6
```
#99c5d6 rgb(153,197,214)
```
#a7cddc
```
#a7cddc rgb(167,205,220)
```
#b5d5e1
```
#b5d5e1 rgb(181,213,225)
```
#c3dde7
```
#c3dde7 rgb(195,221,231)
```
#d1e5ed
```
#d1e5ed rgb(209,229,237)
```
#dfedf2
```
#dfedf2 rgb(223,237,242)
```
#edf5f8
```
#edf5f8 rgb(237,245,248)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484d4f is the less saturated color, while #026c95 is the most saturated one.

#484d4f
```
#484d4f rgb(72,77,79)
```
#425055
```
#425055 rgb(66,80,85)
```
#3c525b
```
#3c525b rgb(60,82,91)
```
#375560
```
#375560 rgb(55,85,96)
```
#315766
```
#315766 rgb(49,87,102)
```
#2b5a6c
```
#2b5a6c rgb(43,90,108)
```
#255d72
```
#255d72 rgb(37,93,114)
```
#1f5f78
```
#1f5f78 rgb(31,95,120)
```
#1a627d
```
#1a627d rgb(26,98,125)
```
#146483
```
#146483 rgb(20,100,131)
```
#0e6789
```
#0e6789 rgb(14,103,137)
```
#086a8f
```
#086a8f rgb(8,106,143)
```
#026c95
```
#026c95 rgb(2,108,149)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#475054 Atypical Achromatopsia 0.001% of the population

Dichromacy

#585c6f Protanopia 1% of men
#575b76 Deuteranopia 1% of men
#31646b Tritanopia 0.001% of the population

Trichromacy

#475b6e Protanomaly 1% of men, 0.01% of women
#475b72 Deuteranomaly 6% of men, 0.4% of women
#2f606b Tritanomaly 0.01% of the population

#2b5a6c hex color

#2b5a6c Color Information

#2b5a6c Color Conversion

Color Schemes with #2b5a6c

Alternatives to #2b5a6c

#2b5a6c Preview

Shades and Tints of #2b5a6c

Tones of #2b5a6c

Color Blindness Simulator