#2b587f hex color

In a RGB color space, hex #2b587f is composed of 16.9% red, 34.5% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 30.7% magenta, 0% yellow and 50.2% black. It has a hue angle of 207.9 degrees, a saturation of 49.4% and a lightness of 33.3%. #2b587f color hex could be obtained by blending #56b0fe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 35
- B 50
RGB color chart
- C 66
- M 31
- Y 0
- K 50
CMYK color chart

● #2b587f color description : Dark moderate blue.

The hexadecimal color #2b587f has RGB values of R:43, G:88, B:127 and CMYK values of C:0.66, M:0.31, Y:0, K:0.5. Its decimal value is 2840703.

Hex triplet	2b587f	`#2b587f`
RGB Decimal	43, 88, 127	`rgb(43,88,127)`
RGB Percent	16.9, 34.5, 49.8	`rgb(16.9%,34.5%,49.8%)`
CMYK	66, 31, 0, 50
HSL	207.9°, 49.4, 33.3	`hsl(207.9,49.4%,33.3%)`
HSV (or HSB)	207.9°, 66.1, 49.8
Web Safe	336666	`#336666`

CIE-LAB	36.032, -2.306, -26.538
XYZ	8.316, 9.025, 21.381
xyY	0.215, 0.233, 9.025
CIE-LCH	36.032, 26.638, 265.033
CIE-LUV	36.032, -17.701, -36.313
Hunter-Lab	30.041, -3.161, -21.17
Binary	00101011, 01011000, 01111111

#2b587f
```
#2b587f rgb(43,88,127)
```
#7f522b
```
#7f522b rgb(127,82,43)
```

Complementary Color

#2b7f7c
```
#2b7f7c rgb(43,127,124)
```
#2b587f
```
#2b587f rgb(43,88,127)
```
#2b2e7f
```
#2b2e7f rgb(43,46,127)
```

Analogous Color

#7f7c2b
```
#7f7c2b rgb(127,124,43)
```
#2b587f
```
#2b587f rgb(43,88,127)
```
#7f2b2e
```
#7f2b2e rgb(127,43,46)
```

Split Complementary Color

#587f2b
```
#587f2b rgb(88,127,43)
```
#2b587f
```
#2b587f rgb(43,88,127)
```
#7f2b58
```
#7f2b58 rgb(127,43,88)
```

Triadic Color

#2b7f52
```
#2b7f52 rgb(43,127,82)
```
#2b587f
```
#2b587f rgb(43,88,127)
```
#7f2b58
```
#7f2b58 rgb(127,43,88)
```
#7f522b
```
#7f522b rgb(127,82,43)
```

Tetradic Color

#183046
```
#183046 rgb(24,48,70)
```
#1e3e59
```
#1e3e59 rgb(30,62,89)
```
#254b6c
```
#254b6c rgb(37,75,108)
```
#2b587f
```
#2b587f rgb(43,88,127)
```
#316592
```
#316592 rgb(49,101,146)
```
#3872a5
```
#3872a5 rgb(56,114,165)
```
#3e80b8
```
#3e80b8 rgb(62,128,184)
```

Monochromatic Color

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

#2b6d7f
```
#2b6d7f rgb(43,109,127)
```
#2b667f
```
#2b667f rgb(43,102,127)
```
#2b5f7f
```
#2b5f7f rgb(43,95,127)
```
#2b587f
```
#2b587f rgb(43,88,127)
```
#2b517f
```
#2b517f rgb(43,81,127)
```
#2b4a7f
```
#2b4a7f rgb(43,74,127)
```
#2b437f
```
#2b437f rgb(43,67,127)
```

Similar Colors

Text with hexadecimal color #2b587f

This text has a font color of #2b587f.

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

#2b587f background color

This paragraph has a background color of #2b587f.

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

#2b587f border color

This element has a border color of #2b587f.

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

CSS codes

.text {color:#2b587f;}

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

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

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

#03070a
```
#03070a rgb(3,7,10)
```
#081118
```
#081118 rgb(8,17,24)
```
#0d1b27
```
#0d1b27 rgb(13,27,39)
```
#122536
```
#122536 rgb(18,37,54)
```
#172f44
```
#172f44 rgb(23,47,68)
```
#1c3a53
```
#1c3a53 rgb(28,58,83)
```
#214462
```
#214462 rgb(33,68,98)
```
#264e70
```
#264e70 rgb(38,78,112)
```
#2b587f
```
#2b587f rgb(43,88,127)
```
#30628e
```
#30628e rgb(48,98,142)
```
#356c9c
```
#356c9c rgb(53,108,156)
```
#3a76ab
```
#3a76ab rgb(58,118,171)
```
#3f81ba
```
#3f81ba rgb(63,129,186)
```

Shade Color Variation

#4a8ac2
```
#4a8ac2 rgb(74,138,194)
```
#5994c7
```
#5994c7 rgb(89,148,199)
```
#689dcc
```
#689dcc rgb(104,157,204)
```
#76a7d1
```
#76a7d1 rgb(118,167,209)
```
#85b0d6
```
#85b0d6 rgb(133,176,214)
```
#94badb
```
#94badb rgb(148,186,219)
```
#a2c3e0
```
#a2c3e0 rgb(162,195,224)
```
#b1cde5
```
#b1cde5 rgb(177,205,229)
```
#c0d6ea
```
#c0d6ea rgb(192,214,234)
```
#cedfee
```
#cedfee rgb(206,223,238)
```
#dde9f3
```
#dde9f3 rgb(221,233,243)
```
#ebf2f8
```
#ebf2f8 rgb(235,242,248)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525558 is the less saturated color, while #045ba6 is the most saturated one.

#525558
```
#525558 rgb(82,85,88)
```
#4c565e
```
#4c565e rgb(76,86,94)
```
#455665
```
#455665 rgb(69,86,101)
```
#3f576b
```
#3f576b rgb(63,87,107)
```
#385772
```
#385772 rgb(56,87,114)
```
#325878
```
#325878 rgb(50,88,120)
```
#2b587f
```
#2b587f rgb(43,88,127)
```
#245886
```
#245886 rgb(36,88,134)
```
#1e598c
```
#1e598c rgb(30,89,140)
```
#175993
```
#175993 rgb(23,89,147)
```
#115a99
```
#115a99 rgb(17,90,153)
```
#0a5aa0
```
#0a5aa0 rgb(10,90,160)
```
#045ba6
```
#045ba6 rgb(4,91,166)
```

Tone Color Variation

Below, you can see how #2b587f 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
#485159 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505c82 Protanopia 1% of men
#495d87 Deuteranopia 1% of men
#25656d Tritanopia 0.001% of the population

Trichromacy

#425a81 Protanomaly 1% of men, 0.01% of women
#3e5b84 Deuteranomaly 6% of men, 0.4% of women
#276073 Tritanomaly 0.01% of the population

#2b587f hex color

#2b587f Color Information

#2b587f Color Conversion

Color Schemes with #2b587f

Alternatives to #2b587f

#2b587f Preview

Shades and Tints of #2b587f

Tones of #2b587f

Color Blindness Simulator