#2b5a6d hex color

In a RGB color space, hex #2b5a6d is composed of 16.9% red, 35.3% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 17.4% magenta, 0% yellow and 57.3% black. It has a hue angle of 197.3 degrees, a saturation of 43.4% and a lightness of 29.8%. #2b5a6d color hex could be obtained by blending #56b4da with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 35
- B 43
RGB color chart
- C 61
- M 17
- Y 0
- K 57
CMYK color chart

● #2b5a6d color description : Very dark blue.

The hexadecimal color #2b5a6d has RGB values of R:43, G:90, B:109 and CMYK values of C:0.61, M:0.17, Y:0, K:0.57. Its decimal value is 2841197.

Hex triplet	2b5a6d	`#2b5a6d`
RGB Decimal	43, 90, 109	`rgb(43,90,109)`
RGB Percent	16.9, 35.3, 42.7	`rgb(16.9%,35.3%,42.7%)`
CMYK	61, 17, 0, 57
HSL	197.3°, 43.4, 29.8	`hsl(197.3,43.4%,29.8%)`
HSV (or HSB)	197.3°, 60.6, 42.7
Web Safe	336666	`#336666`

CIE-LAB	35.848, -9.867, -15.705
XYZ	7.412, 8.93, 15.8
xyY	0.231, 0.278, 8.93
CIE-LCH	35.848, 18.547, 237.861
CIE-LUV	35.848, -18.999, -19.839
Hunter-Lab	29.882, -8.019, -10.432
Binary	00101011, 01011010, 01101101

#2b5a6d
```
#2b5a6d rgb(43,90,109)
```
#6d3e2b
```
#6d3e2b rgb(109,62,43)
```

Complementary Color

#2b6d5f
```
#2b6d5f rgb(43,109,95)
```
#2b5a6d
```
#2b5a6d rgb(43,90,109)
```
#2b396d
```
#2b396d rgb(43,57,109)
```

Analogous Color

#6d5f2b
```
#6d5f2b rgb(109,95,43)
```
#2b5a6d
```
#2b5a6d rgb(43,90,109)
```
#6d2b39
```
#6d2b39 rgb(109,43,57)
```

Split Complementary Color

#5a6d2b
```
#5a6d2b rgb(90,109,43)
```
#2b5a6d
```
#2b5a6d rgb(43,90,109)
```
#6d2b5a
```
#6d2b5a rgb(109,43,90)
```

Triadic Color

#2b6d3e
```
#2b6d3e rgb(43,109,62)
```
#2b5a6d
```
#2b5a6d rgb(43,90,109)
```
#6d2b5a
```
#6d2b5a rgb(109,43,90)
```
#6d3e2b
```
#6d3e2b rgb(109,62,43)
```

Tetradic Color

#152d36
```
#152d36 rgb(21,45,54)
```
#1d3c48
```
#1d3c48 rgb(29,60,72)
```
#244b5b
```
#244b5b rgb(36,75,91)
```
#2b5a6d
```
#2b5a6d rgb(43,90,109)
```
#32697f
```
#32697f rgb(50,105,127)
```
#397892
```
#397892 rgb(57,120,146)
```
#4187a4
```
#4187a4 rgb(65,135,164)
```

Monochromatic Color

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

#2b6b6d
```
#2b6b6d rgb(43,107,109)
```
#2b656d
```
#2b656d rgb(43,101,109)
```
#2b606d
```
#2b606d rgb(43,96,109)
```
#2b5a6d
```
#2b5a6d rgb(43,90,109)
```
#2b556d
```
#2b556d rgb(43,85,109)
```
#2b4f6d
```
#2b4f6d rgb(43,79,109)
```
#2b4a6d
```
#2b4a6d rgb(43,74,109)
```

Similar Colors

Text with hexadecimal color #2b5a6d

This text has a font color of #2b5a6d.

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

#2b5a6d background color

This paragraph has a background color of #2b5a6d.

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

#2b5a6d border color

This element has a border color of #2b5a6d.

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

CSS codes

.text {color:#2b5a6d;}

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

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

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

#04090b
```
#04090b rgb(4,9,11)
```
#0a1419
```
#0a1419 rgb(10,20,25)
```
#0f2027
```
#0f2027 rgb(15,32,39)
```
#152c35
```
#152c35 rgb(21,44,53)
```
#1a3743
```
#1a3743 rgb(26,55,67)
```
#204351
```
#204351 rgb(32,67,81)
```
#254e5f
```
#254e5f rgb(37,78,95)
```
#2b5a6d
```
#2b5a6d rgb(43,90,109)
```
#31667b
```
#31667b rgb(49,102,123)
```
#367189
```
#367189 rgb(54,113,137)
```
#3c7d97
```
#3c7d97 rgb(60,125,151)
```
#4188a5
```
#4188a5 rgb(65,136,165)
```
#4794b3
```
#4794b3 rgb(71,148,179)
```

Shade Color Variation

#539dbb
```
#539dbb rgb(83,157,187)
```
#61a5c1
```
#61a5c1 rgb(97,165,193)
```
#6fadc6
```
#6fadc6 rgb(111,173,198)
```
#7db5cc
```
#7db5cc rgb(125,181,204)
```
#8bbdd1
```
#8bbdd1 rgb(139,189,209)
```
#99c5d7
```
#99c5d7 rgb(153,197,215)
```
#a7cddc
```
#a7cddc rgb(167,205,220)
```
#b5d5e2
```
#b5d5e2 rgb(181,213,226)
```
#c3dde7
```
#c3dde7 rgb(195,221,231)
```
#d1e5ed
```
#d1e5ed rgb(209,229,237)
```
#dfedf3
```
#dfedf3 rgb(223,237,243)
```
#edf5f8
```
#edf5f8 rgb(237,245,248)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#484e50
```
#484e50 rgb(72,78,80)
```
#425056
```
#425056 rgb(66,80,86)
```
#3d535b
```
#3d535b rgb(61,83,91)
```
#375561
```
#375561 rgb(55,85,97)
```
#315867
```
#315867 rgb(49,88,103)
```
#2b5a6d
```
#2b5a6d rgb(43,90,109)
```
#255c73
```
#255c73 rgb(37,92,115)
```
#1f5f79
```
#1f5f79 rgb(31,95,121)
```
#19617f
```
#19617f rgb(25,97,127)
```
#146484
```
#146484 rgb(20,100,132)
```
#0e668a
```
#0e668a rgb(14,102,138)
```
#086990
```
#086990 rgb(8,105,144)
```
#026b96
```
#026b96 rgb(2,107,150)
```

Tone Color Variation

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

#585c70 Protanopia 1% of men
#565b77 Deuteranopia 1% of men
#31646b Tritanopia 0.001% of the population

Trichromacy

#475b6f Protanomaly 1% of men, 0.01% of women
#465b73 Deuteranomaly 6% of men, 0.4% of women
#2f606c Tritanomaly 0.01% of the population

#2b5a6d hex color

#2b5a6d Color Information

#2b5a6d Color Conversion

Color Schemes with #2b5a6d

Alternatives to #2b5a6d

#2b5a6d Preview

Shades and Tints of #2b5a6d

Tones of #2b5a6d

Color Blindness Simulator