#2b6bdd hex color

In a RGB color space, hex #2b6bdd is composed of 16.9% red, 42% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 51.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 218.4 degrees, a saturation of 72.4% and a lightness of 51.8%. #2b6bdd color hex could be obtained by blending #56d6ff with #0000bb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 42
- B 87
RGB color chart
- C 81
- M 52
- Y 0
- K 13
CMYK color chart

● #2b6bdd color description : Bright blue.

The hexadecimal color #2b6bdd has RGB values of R:43, G:107, B:221 and CMYK values of C:0.81, M:0.52, Y:0, K:0.13. Its decimal value is 2845661.

Hex triplet	2b6bdd	`#2b6bdd`
RGB Decimal	43, 107, 221	`rgb(43,107,221)`
RGB Percent	16.9, 42, 86.7	`rgb(16.9%,42%,86.7%)`
CMYK	81, 52, 0, 13
HSL	218.4°, 72.4, 51.8	`hsl(218.4,72.4%,51.8%)`
HSV (or HSB)	218.4°, 80.5, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.298, 21.059, -63.907
XYZ	19.302, 16.248, 70.522
xyY	0.182, 0.153, 16.248
CIE-LCH	47.298, 67.287, 288.238
CIE-LUV	47.298, -21.614, -98.51
Hunter-Lab	40.309, 14.936, -75.514
Binary	00101011, 01101011, 11011101

#2b6bdd
```
#2b6bdd rgb(43,107,221)
```
#dd9d2b
```
#dd9d2b rgb(221,157,43)
```

Complementary Color

#2bc4dd
```
#2bc4dd rgb(43,196,221)
```
#2b6bdd
```
#2b6bdd rgb(43,107,221)
```
#442bdd
```
#442bdd rgb(68,43,221)
```

Analogous Color

#c4dd2b
```
#c4dd2b rgb(196,221,43)
```
#2b6bdd
```
#2b6bdd rgb(43,107,221)
```
#dd442b
```
#dd442b rgb(221,68,43)
```

Split Complementary Color

#6bdd2b
```
#6bdd2b rgb(107,221,43)
```
#2b6bdd
```
#2b6bdd rgb(43,107,221)
```
#dd2b6b
```
#dd2b6b rgb(221,43,107)
```

Triadic Color

#2bdd9d
```
#2bdd9d rgb(43,221,157)
```
#2b6bdd
```
#2b6bdd rgb(43,107,221)
```
#dd2b6b
```
#dd2b6b rgb(221,43,107)
```
#dd9d2b
```
#dd9d2b rgb(221,157,43)
```

Tetradic Color

#1a4ba2
```
#1a4ba2 rgb(26,75,162)
```
#1d55b8
```
#1d55b8 rgb(29,85,184)
```
#215fce
```
#215fce rgb(33,95,206)
```
#2b6bdd
```
#2b6bdd rgb(43,107,221)
```
#417ae1
```
#417ae1 rgb(65,122,225)
```
#578ae4
```
#578ae4 rgb(87,138,228)
```
#6d99e8
```
#6d99e8 rgb(109,153,232)
```

Monochromatic Color

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

#2b98dd
```
#2b98dd rgb(43,152,221)
```
#2b89dd
```
#2b89dd rgb(43,137,221)
```
#2b7add
```
#2b7add rgb(43,122,221)
```
#2b6bdd
```
#2b6bdd rgb(43,107,221)
```
#2b5cdd
```
#2b5cdd rgb(43,92,221)
```
#2b4ddd
```
#2b4ddd rgb(43,77,221)
```
#2b3fdd
```
#2b3fdd rgb(43,63,221)
```

Similar Colors

Text with hexadecimal color #2b6bdd

This text has a font color of #2b6bdd.

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

#2b6bdd background color

This paragraph has a background color of #2b6bdd.

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

#2b6bdd border color

This element has a border color of #2b6bdd.

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

CSS codes

.text {color:#2b6bdd;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#040b19
```
#040b19 rgb(4,11,25)
```
#07132a
```
#07132a rgb(7,19,42)
```
#091b3a
```
#091b3a rgb(9,27,58)
```
#0c234b
```
#0c234b rgb(12,35,75)
```
#0f2b5c
```
#0f2b5c rgb(15,43,92)
```
#12326d
```
#12326d rgb(18,50,109)
```
#143a7e
```
#143a7e rgb(20,58,126)
```
#17428f
```
#17428f rgb(23,66,143)
```
#1a4aa0
```
#1a4aa0 rgb(26,74,160)
```
#1c52b1
```
#1c52b1 rgb(28,82,177)
```
#1f5ac2
```
#1f5ac2 rgb(31,90,194)
```
#2261d3
```
#2261d3 rgb(34,97,211)
```

Shade Color Variation

#2b6bdd
```
#2b6bdd rgb(43,107,221)
```
#3c77e0
```
#3c77e0 rgb(60,119,224)
```
#4d83e2
```
#4d83e2 rgb(77,131,226)
```
#5e8ee5
```
#5e8ee5 rgb(94,142,229)
```
#6f9ae8
```
#6f9ae8 rgb(111,154,232)
```
#80a6eb
```
#80a6eb rgb(128,166,235)
```
#90b2ed
```
#90b2ed rgb(144,178,237)
```
#a1bef0
```
#a1bef0 rgb(161,190,240)
```
#b2c9f3
```
#b2c9f3 rgb(178,201,243)
```
#c3d5f5
```
#c3d5f5 rgb(195,213,245)
```
#d4e1f8
```
#d4e1f8 rgb(212,225,248)
```
#e5edfb
```
#e5edfb rgb(229,237,251)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#808388
```
#808388 rgb(128,131,136)
```
#778091
```
#778091 rgb(119,128,145)
```
#6d7e9b
```
#6d7e9b rgb(109,126,155)
```
#647ba4
```
#647ba4 rgb(100,123,164)
```
#5a78ae
```
#5a78ae rgb(90,120,174)
```
#5176b7
```
#5176b7 rgb(81,118,183)
```
#4773c1
```
#4773c1 rgb(71,115,193)
```
#3e70ca
```
#3e70ca rgb(62,112,202)
```
#346ed4
```
#346ed4 rgb(52,110,212)
```
#2b6bdd
```
#2b6bdd rgb(43,107,221)
```
#2268e6
```
#2268e6 rgb(34,104,230)
```
#1866f0
```
#1866f0 rgb(24,102,240)
```
#0f63f9
```
#0f63f9 rgb(15,99,249)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#59667d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2273df Protanopia 1% of men
#007ac7 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#2570de Protanomaly 1% of men, 0.01% of women
#0f74cf Deuteranomaly 6% of men, 0.4% of women
#0f7aa8 Tritanomaly 0.01% of the population

#2b6bdd hex color

#2b6bdd Color Information

#2b6bdd Color Conversion

Color Schemes with #2b6bdd

Alternatives to #2b6bdd

#2b6bdd Preview

Shades and Tints of #2b6bdd

Tones of #2b6bdd

Color Blindness Simulator