colorhexa.com

#2b5b6d hex color

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

- R 17
- G 36
- B 43
RGB color chart
- C 61
- M 17
- Y 0
- K 57
CMYK color chart

● #2b5b6d color description : Very dark blue.

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

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

CIE-LAB	36.175, -10.462, -15.205
XYZ	7.497, 9.099, 15.828
xyY	0.231, 0.281, 9.099
CIE-LCH	36.175, 18.456, 235.469
CIE-LUV	36.175, -19.386, -19.107
Hunter-Lab	30.165, -8.426, -9.995
Binary	00101011, 01011011, 01101101

#2b5b6d
```
#2b5b6d rgb(43,91,109)
```
#6d3d2b
```
#6d3d2b rgb(109,61,43)
```

Complementary Color

#2b6d5e
```
#2b6d5e rgb(43,109,94)
```
#2b5b6d
```
#2b5b6d rgb(43,91,109)
```
#2b3a6d
```
#2b3a6d rgb(43,58,109)
```

Analogous Color

#6d5e2b
```
#6d5e2b rgb(109,94,43)
```
#2b5b6d
```
#2b5b6d rgb(43,91,109)
```
#6d2b3a
```
#6d2b3a rgb(109,43,58)
```

Split Complementary Color

#5b6d2b
```
#5b6d2b rgb(91,109,43)
```
#2b5b6d
```
#2b5b6d rgb(43,91,109)
```
#6d2b5b
```
#6d2b5b rgb(109,43,91)
```

Triadic Color

#152d36
```
#152d36 rgb(21,45,54)
```
#1d3c48
```
#1d3c48 rgb(29,60,72)
```
#244c5b
```
#244c5b rgb(36,76,91)
```
#2b5b6d
```
#2b5b6d rgb(43,91,109)
```
#326a7f
```
#326a7f rgb(50,106,127)
```
#397a92
```
#397a92 rgb(57,122,146)
```
#4189a4
```
#4189a4 rgb(65,137,164)
```

Monochromatic Color

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

#2b6c6d
```
#2b6c6d rgb(43,108,109)
```
#2b666d
```
#2b666d rgb(43,102,109)
```
#2b616d
```
#2b616d rgb(43,97,109)
```
#2b5b6d
```
#2b5b6d rgb(43,91,109)
```
#2b566d
```
#2b566d rgb(43,86,109)
```
#2b506d
```
#2b506d rgb(43,80,109)
```
#2b4b6d
```
#2b4b6d rgb(43,75,109)
```

Similar Colors

Text with hexadecimal color #2b5b6d

This text has a font color of #2b5b6d.

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

#2b5b6d background color

This paragraph has a background color of #2b5b6d.

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

#2b5b6d border color

This element has a border color of #2b5b6d.

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

CSS codes

.text {color:#2b5b6d;}

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

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

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)
```
#0a1519
```
#0a1519 rgb(10,21,25)
```
#0f2027
```
#0f2027 rgb(15,32,39)
```
#152c35
```
#152c35 rgb(21,44,53)
```
#1a3843
```
#1a3843 rgb(26,56,67)
```
#204451
```
#204451 rgb(32,68,81)
```
#254f5f
```
#254f5f rgb(37,79,95)
```
#2b5b6d
```
#2b5b6d rgb(43,91,109)
```
#31677b
```
#31677b rgb(49,103,123)
```
#367289
```
#367289 rgb(54,114,137)
```
#3c7e97
```
#3c7e97 rgb(60,126,151)
```
#418aa5
```
#418aa5 rgb(65,138,165)
```
#4796b3
```
#4796b3 rgb(71,150,179)
```

Shade Color Variation

#539fbb
```
#539fbb rgb(83,159,187)
```
#61a6c1
```
#61a6c1 rgb(97,166,193)
```
#6faec6
```
#6faec6 rgb(111,174,198)
```
#7db6cc
```
#7db6cc rgb(125,182,204)
```
#8bbed1
```
#8bbed1 rgb(139,190,209)
```
#99c6d7
```
#99c6d7 rgb(153,198,215)
```
#a7cedc
```
#a7cedc rgb(167,206,220)
```
#b5d6e2
```
#b5d6e2 rgb(181,214,226)
```
#c3dee7
```
#c3dee7 rgb(195,222,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 #026e96 is the most saturated one.

#484e50
```
#484e50 rgb(72,78,80)
```
#425056
```
#425056 rgb(66,80,86)
```
#3d535b
```
#3d535b rgb(61,83,91)
```
#375661
```
#375661 rgb(55,86,97)
```
#315867
```
#315867 rgb(49,88,103)
```
#2b5b6d
```
#2b5b6d rgb(43,91,109)
```
#255e73
```
#255e73 rgb(37,94,115)
```
#1f6079
```
#1f6079 rgb(31,96,121)
```
#19637f
```
#19637f rgb(25,99,127)
```
#146684
```
#146684 rgb(20,102,132)
```
#0e688a
```
#0e688a rgb(14,104,138)
```
#086b90
```
#086b90 rgb(8,107,144)
```
#026e96
```
#026e96 rgb(2,110,150)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#485155 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595d70 Protanopia 1% of men
#585c77 Deuteranopia 1% of men
#31656c Tritanopia 0.001% of the population

Trichromacy

#485c6f Protanomaly 1% of men, 0.01% of women
#475b73 Deuteranomaly 6% of men, 0.4% of women
#2f616c Tritanomaly 0.01% of the population