#2b6aed hex color

In a RGB color space, hex #2b6aed is composed of 16.9% red, 41.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 55.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 220.5 degrees, a saturation of 84.3% and a lightness of 54.9%. #2b6aed color hex could be obtained by blending #56d4ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 42
- B 93
RGB color chart
- C 82
- M 55
- Y 0
- K 7
CMYK color chart

● #2b6aed color description : Bright blue.

The hexadecimal color #2b6aed has RGB values of R:43, G:106, B:237 and CMYK values of C:0.82, M:0.55, Y:0, K:0.07. Its decimal value is 2845421.

Hex triplet	2b6aed	`#2b6aed`
RGB Decimal	43, 106, 237	`rgb(43,106,237)`
RGB Percent	16.9, 41.6, 92.9	`rgb(16.9%,41.6%,92.9%)`
CMYK	82, 55, 0, 7
HSL	220.5°, 84.3, 54.9	`hsl(220.5,84.3%,54.9%)`
HSV (or HSB)	220.5°, 81.9, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.177, 27.709, -71.5
XYZ	21.433, 16.934, 82.255
xyY	0.178, 0.14, 16.934
CIE-LCH	48.177, 76.682, 291.183
CIE-LUV	48.177, -21.087, -110.533
Hunter-Lab	41.151, 20.954, -89.705
Binary	00101011, 01101010, 11101101

#2b6aed
```
#2b6aed rgb(43,106,237)
```
#edae2b
```
#edae2b rgb(237,174,43)
```

Complementary Color

#2bcbed
```
#2bcbed rgb(43,203,237)
```
#2b6aed
```
#2b6aed rgb(43,106,237)
```
#4d2bed
```
#4d2bed rgb(77,43,237)
```

Analogous Color

#cbed2b
```
#cbed2b rgb(203,237,43)
```
#2b6aed
```
#2b6aed rgb(43,106,237)
```
#ed4d2b
```
#ed4d2b rgb(237,77,43)
```

Split Complementary Color

#6aed2b
```
#6aed2b rgb(106,237,43)
```
#2b6aed
```
#2b6aed rgb(43,106,237)
```
#ed2b6a
```
#ed2b6a rgb(237,43,106)
```

Triadic Color

#2bedae
```
#2bedae rgb(43,237,174)
```
#2b6aed
```
#2b6aed rgb(43,106,237)
```
#ed2b6a
```
#ed2b6a rgb(237,43,106)
```
#edae2b
```
#edae2b rgb(237,174,43)
```

Tetradic Color

#1048bc
```
#1048bc rgb(16,72,188)
```
#1251d3
```
#1251d3 rgb(18,81,211)
```
#145aeb
```
#145aeb rgb(20,90,235)
```
#2b6aed
```
#2b6aed rgb(43,106,237)
```
#437bef
```
#437bef rgb(67,123,239)
```
#5a8bf1
```
#5a8bf1 rgb(90,139,241)
```
#729cf3
```
#729cf3 rgb(114,156,243)
```

Monochromatic Color

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

#2b9bed
```
#2b9bed rgb(43,155,237)
```
#2b8aed
```
#2b8aed rgb(43,138,237)
```
#2b7aed
```
#2b7aed rgb(43,122,237)
```
#2b6aed
```
#2b6aed rgb(43,106,237)
```
#2b5aed
```
#2b5aed rgb(43,90,237)
```
#2b4aed
```
#2b4aed rgb(43,74,237)
```
#2b3aed
```
#2b3aed rgb(43,58,237)
```

Similar Colors

Text with hexadecimal color #2b6aed

This text has a font color of #2b6aed.

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

#2b6aed background color

This paragraph has a background color of #2b6aed.

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

#2b6aed border color

This element has a border color of #2b6aed.

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

CSS codes

.text {color:#2b6aed;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#020917
```
#020917 rgb(2,9,23)
```
#031029
```
#031029 rgb(3,16,41)
```
#05173b
```
#05173b rgb(5,23,59)
```
#071e4d
```
#071e4d rgb(7,30,77)
```
#08245f
```
#08245f rgb(8,36,95)
```
#0a2b71
```
#0a2b71 rgb(10,43,113)
```
#0b3284
```
#0b3284 rgb(11,50,132)
```
#0d3996
```
#0d3996 rgb(13,57,150)
```
#0e40a8
```
#0e40a8 rgb(14,64,168)
```
#1047ba
```
#1047ba rgb(16,71,186)
```
#114ecc
```
#114ecc rgb(17,78,204)
```
#1355de
```
#1355de rgb(19,85,222)
```

Shade Color Variation

#195deb
```
#195deb rgb(25,93,235)
```
#2b6aed
```
#2b6aed rgb(43,106,237)
```
#3d77ef
```
#3d77ef rgb(61,119,239)
```
#4f83f0
```
#4f83f0 rgb(79,131,240)
```
#6190f2
```
#6190f2 rgb(97,144,242)
```
#739df3
```
#739df3 rgb(115,157,243)
```
#85aaf5
```
#85aaf5 rgb(133,170,245)
```
#97b6f6
```
#97b6f6 rgb(151,182,246)
```
#aac3f8
```
#aac3f8 rgb(170,195,248)
```
#bcd0f9
```
#bcd0f9 rgb(188,208,249)
```
#cedcfb
```
#cedcfb rgb(206,220,251)
```
#e0e9fc
```
#e0e9fc rgb(224,233,252)
```
#f2f6fe
```
#f2f6fe rgb(242,246,254)
```

Tint Color Variation

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

#838995
```
#838995 rgb(131,137,149)
```
#7b869d
```
#7b869d rgb(123,134,157)
```
#7283a6
```
#7283a6 rgb(114,131,166)
```
#6980af
```
#6980af rgb(105,128,175)
```
#607db8
```
#607db8 rgb(96,125,184)
```
#577ac1
```
#577ac1 rgb(87,122,193)
```
#4e76ca
```
#4e76ca rgb(78,118,202)
```
#4673d2
```
#4673d2 rgb(70,115,210)
```
#3d70db
```
#3d70db rgb(61,112,219)
```
#346de4
```
#346de4 rgb(52,109,228)
```
#2b6aed
```
#2b6aed rgb(43,106,237)
```
#2267f6
```
#2267f6 rgb(34,103,246)
```
#1964ff
```
#1964ff rgb(25,100,255)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5a6781 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e7 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#00858d Tritanopia 0.001% of the population

Trichromacy

#0f71e9 Protanomaly 1% of men, 0.01% of women
#0f75d6 Deuteranomaly 6% of men, 0.4% of women
#0f7bb0 Tritanomaly 0.01% of the population

#2b6aed hex color

#2b6aed Color Information

#2b6aed Color Conversion

Color Schemes with #2b6aed

Alternatives to #2b6aed

#2b6aed Preview

Shades and Tints of #2b6aed

Tones of #2b6aed

Color Blindness Simulator