#2b71b0 hex color

In a RGB color space, hex #2b71b0 is composed of 16.9% red, 44.3% green and 69% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 35.8% magenta, 0% yellow and 31% black. It has a hue angle of 208.4 degrees, a saturation of 60.7% and a lightness of 42.9%. #2b71b0 color hex could be obtained by blending #56e2ff with #000061. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 44
- B 69
RGB color chart
- C 76
- M 36
- Y 0
- K 31
CMYK color chart

● #2b71b0 color description : Dark blue.

The hexadecimal color #2b71b0 has RGB values of R:43, G:113, B:176 and CMYK values of C:0.76, M:0.36, Y:0, K:0.31. Its decimal value is 2847152.

Hex triplet	2b71b0	`#2b71b0`
RGB Decimal	43, 113, 176	`rgb(43,113,176)`
RGB Percent	16.9, 44.3, 69	`rgb(16.9%,44.3%,69%)`
CMYK	76, 36, 0, 31
HSL	208.4°, 60.7, 42.9	`hsl(208.4,60.7%,42.9%)`
HSV (or HSB)	208.4°, 75.6, 69
Web Safe	336699	`#336699`

CIE-LAB	46.254, 0.27, -39.716
XYZ	14.736, 15.457, 43.279
xyY	0.201, 0.21, 15.457
CIE-LCH	46.254, 39.717, 270.389
CIE-LUV	46.254, -24.806, -59.393
Hunter-Lab	39.316, -1.899, -37.746
Binary	00101011, 01110001, 10110000

#2b71b0
```
#2b71b0 rgb(43,113,176)
```
#b06a2b
```
#b06a2b rgb(176,106,43)
```

Complementary Color

#2bb0ad
```
#2bb0ad rgb(43,176,173)
```
#2b71b0
```
#2b71b0 rgb(43,113,176)
```
#2b2fb0
```
#2b2fb0 rgb(43,47,176)
```

Analogous Color

#b0ad2b
```
#b0ad2b rgb(176,173,43)
```
#2b71b0
```
#2b71b0 rgb(43,113,176)
```
#b02b2f
```
#b02b2f rgb(176,43,47)
```

Split Complementary Color

#71b02b
```
#71b02b rgb(113,176,43)
```
#2b71b0
```
#2b71b0 rgb(43,113,176)
```
#b02b71
```
#b02b71 rgb(176,43,113)
```

Triadic Color

#2bb06a
```
#2bb06a rgb(43,176,106)
```
#2b71b0
```
#2b71b0 rgb(43,113,176)
```
#b02b71
```
#b02b71 rgb(176,43,113)
```
#b06a2b
```
#b06a2b rgb(176,106,43)
```

Tetradic Color

#1c4a73
```
#1c4a73 rgb(28,74,115)
```
#215787
```
#215787 rgb(33,87,135)
```
#26649c
```
#26649c rgb(38,100,156)
```
#2b71b0
```
#2b71b0 rgb(43,113,176)
```
#307ec4
```
#307ec4 rgb(48,126,196)
```
#3e8bd0
```
#3e8bd0 rgb(62,139,208)
```
#5397d5
```
#5397d5 rgb(83,151,213)
```

Monochromatic Color

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

#2b92b0
```
#2b92b0 rgb(43,146,176)
```
#2b87b0
```
#2b87b0 rgb(43,135,176)
```
#2b7cb0
```
#2b7cb0 rgb(43,124,176)
```
#2b71b0
```
#2b71b0 rgb(43,113,176)
```
#2b66b0
```
#2b66b0 rgb(43,102,176)
```
#2b5bb0
```
#2b5bb0 rgb(43,91,176)
```
#2b50b0
```
#2b50b0 rgb(43,80,176)
```

Similar Colors

Text with hexadecimal color #2b71b0

This text has a font color of #2b71b0.

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

#2b71b0 background color

This paragraph has a background color of #2b71b0.

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

#2b71b0 border color

This element has a border color of #2b71b0.

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

CSS codes

.text {color:#2b71b0;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040c12
```
#040c12 rgb(4,12,18)
```
#081622
```
#081622 rgb(8,22,34)
```
#0c2032
```
#0c2032 rgb(12,32,50)
```
#102a42
```
#102a42 rgb(16,42,66)
```
#143451
```
#143451 rgb(20,52,81)
```
#183e61
```
#183e61 rgb(24,62,97)
```
#1c4971
```
#1c4971 rgb(28,73,113)
```
#1f5381
```
#1f5381 rgb(31,83,129)
```
#235d90
```
#235d90 rgb(35,93,144)
```
#2767a0
```
#2767a0 rgb(39,103,160)
```
#2b71b0
```
#2b71b0 rgb(43,113,176)
```
#2f7bc0
```
#2f7bc0 rgb(47,123,192)
```

Shade Color Variation

#3585ce
```
#3585ce rgb(53,133,206)
```
#448fd1
```
#448fd1 rgb(68,143,209)
```
#5498d5
```
#5498d5 rgb(84,152,213)
```
#64a2d9
```
#64a2d9 rgb(100,162,217)
```
#74abdd
```
#74abdd rgb(116,171,221)
```
#83b5e1
```
#83b5e1 rgb(131,181,225)
```
#93bee5
```
#93bee5 rgb(147,190,229)
```
#a3c8e9
```
#a3c8e9 rgb(163,200,233)
```
#b3d1ec
```
#b3d1ec rgb(179,209,236)
```
#c3dbf0
```
#c3dbf0 rgb(195,219,240)
```
#d2e4f4
```
#d2e4f4 rgb(210,228,244)
```
#e2eef8
```
#e2eef8 rgb(226,238,248)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666e75 is the less saturated color, while #0173da is the most saturated one.

#666e75
```
#666e75 rgb(102,110,117)
```
#5e6e7d
```
#5e6e7d rgb(94,110,125)
```
#556f86
```
#556f86 rgb(85,111,134)
```
#4d6f8e
```
#4d6f8e rgb(77,111,142)
```
#447097
```
#447097 rgb(68,112,151)
```
#3c709f
```
#3c709f rgb(60,112,159)
```
#3371a8
```
#3371a8 rgb(51,113,168)
```
#2b71b0
```
#2b71b0 rgb(43,113,176)
```
#2371b8
```
#2371b8 rgb(35,113,184)
```
#1a72c1
```
#1a72c1 rgb(26,114,193)
```
#1272c9
```
#1272c9 rgb(18,114,201)
```
#0973d2
```
#0973d2 rgb(9,115,210)
```
#0173da
```
#0173da rgb(1,115,218)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#586672 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c73b0 Protanopia 1% of men
#4a75b5 Deuteranopia 1% of men
#008089 Tritanopia 0.001% of the population

Trichromacy

#4a72b0 Protanomaly 1% of men, 0.01% of women
#3f73b3 Deuteranomaly 6% of men, 0.4% of women
#0f7a97 Tritanomaly 0.01% of the population

#2b71b0 hex color

#2b71b0 Color Information

#2b71b0 Color Conversion

Color Schemes with #2b71b0

Alternatives to #2b71b0

#2b71b0 Preview

Shades and Tints of #2b71b0

Tones of #2b71b0

Color Blindness Simulator