#2b5edd hex color

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

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

● #2b5edd color description : Bright blue.

The hexadecimal color #2b5edd has RGB values of R:43, G:94, B:221 and CMYK values of C:0.81, M:0.57, Y:0, K:0.13. Its decimal value is 2842333.

Hex triplet	2b5edd	`#2b5edd`
RGB Decimal	43, 94, 221	`rgb(43,94,221)`
RGB Percent	16.9, 36.9, 86.7	`rgb(16.9%,36.9%,86.7%)`
CMYK	81, 57, 0, 13
HSL	222.8°, 72.4, 51.8	`hsl(222.8,72.4%,51.8%)`
HSV (or HSB)	222.8°, 80.5, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.855, 29.388, -69.501
XYZ	18.047, 13.738, 70.103
xyY	0.177, 0.135, 13.738
CIE-LCH	43.855, 75.458, 292.921
CIE-LUV	43.855, -18.055, -104.745
Hunter-Lab	37.065, 22.05, -86.193
Binary	00101011, 01011110, 11011101

#2b5edd
```
#2b5edd rgb(43,94,221)
```
#ddaa2b
```
#ddaa2b rgb(221,170,43)
```

Complementary Color

#2bb7dd
```
#2bb7dd rgb(43,183,221)
```
#2b5edd
```
#2b5edd rgb(43,94,221)
```
#512bdd
```
#512bdd rgb(81,43,221)
```

Analogous Color

#b7dd2b
```
#b7dd2b rgb(183,221,43)
```
#2b5edd
```
#2b5edd rgb(43,94,221)
```
#dd512b
```
#dd512b rgb(221,81,43)
```

Split Complementary Color

#5edd2b
```
#5edd2b rgb(94,221,43)
```
#2b5edd
```
#2b5edd rgb(43,94,221)
```
#dd2b5e
```
#dd2b5e rgb(221,43,94)
```

Triadic Color

#2bddaa
```
#2bddaa rgb(43,221,170)
```
#2b5edd
```
#2b5edd rgb(43,94,221)
```
#dd2b5e
```
#dd2b5e rgb(221,43,94)
```
#ddaa2b
```
#ddaa2b rgb(221,170,43)
```

Tetradic Color

#1a41a2
```
#1a41a2 rgb(26,65,162)
```
#1d4ab8
```
#1d4ab8 rgb(29,74,184)
```
#2152ce
```
#2152ce rgb(33,82,206)
```
#2b5edd
```
#2b5edd rgb(43,94,221)
```
#416fe1
```
#416fe1 rgb(65,111,225)
```
#577fe4
```
#577fe4 rgb(87,127,228)
```
#6d90e8
```
#6d90e8 rgb(109,144,232)
```

Monochromatic Color

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

#2b8bdd
```
#2b8bdd rgb(43,139,221)
```
#2b7cdd
```
#2b7cdd rgb(43,124,221)
```
#2b6ddd
```
#2b6ddd rgb(43,109,221)
```
#2b5edd
```
#2b5edd rgb(43,94,221)
```
#2b4fdd
```
#2b4fdd rgb(43,79,221)
```
#2b40dd
```
#2b40dd rgb(43,64,221)
```
#2b32dd
```
#2b32dd rgb(43,50,221)
```

Similar Colors

Text with hexadecimal color #2b5edd

This text has a font color of #2b5edd.

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

#2b5edd background color

This paragraph has a background color of #2b5edd.

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

#2b5edd border color

This element has a border color of #2b5edd.

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

CSS codes

.text {color:#2b5edd;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#040a19
```
#040a19 rgb(4,10,25)
```
#07112a
```
#07112a rgb(7,17,42)
```
#09173a
```
#09173a rgb(9,23,58)
```
#0c1e4b
```
#0c1e4b rgb(12,30,75)
```
#0f255c
```
#0f255c rgb(15,37,92)
```
#122c6d
```
#122c6d rgb(18,44,109)
```
#14337e
```
#14337e rgb(20,51,126)
```
#17398f
```
#17398f rgb(23,57,143)
```
#1a40a0
```
#1a40a0 rgb(26,64,160)
```
#1c47b1
```
#1c47b1 rgb(28,71,177)
```
#1f4ec2
```
#1f4ec2 rgb(31,78,194)
```
#2254d3
```
#2254d3 rgb(34,84,211)
```

Shade Color Variation

#2b5edd
```
#2b5edd rgb(43,94,221)
```
#3c6be0
```
#3c6be0 rgb(60,107,224)
```
#4d78e2
```
#4d78e2 rgb(77,120,226)
```
#5e85e5
```
#5e85e5 rgb(94,133,229)
```
#6f91e8
```
#6f91e8 rgb(111,145,232)
```
#809eeb
```
#809eeb rgb(128,158,235)
```
#90abed
```
#90abed rgb(144,171,237)
```
#a1b8f0
```
#a1b8f0 rgb(161,184,240)
```
#b2c5f3
```
#b2c5f3 rgb(178,197,243)
```
#c3d2f5
```
#c3d2f5 rgb(195,210,245)
```
#d4def8
```
#d4def8 rgb(212,222,248)
```
#e5ebfb
```
#e5ebfb rgb(229,235,251)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

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

#808288
```
#808288 rgb(128,130,136)
```
#777e91
```
#777e91 rgb(119,126,145)
```
#6d7a9b
```
#6d7a9b rgb(109,122,155)
```
#6476a4
```
#6476a4 rgb(100,118,164)
```
#5a72ae
```
#5a72ae rgb(90,114,174)
```
#516eb7
```
#516eb7 rgb(81,110,183)
```
#476ac1
```
#476ac1 rgb(71,106,193)
```
#3e66ca
```
#3e66ca rgb(62,102,202)
```
#3462d4
```
#3462d4 rgb(52,98,212)
```
#2b5edd
```
#2b5edd rgb(43,94,221)
```
#225ae6
```
#225ae6 rgb(34,90,230)
```
#1856f0
```
#1856f0 rgb(24,86,240)
```
#0f52f9
```
#0f52f9 rgb(15,82,249)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#535d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#0f66d7 Protanomaly 1% of men, 0.01% of women
#0f6ac6 Deuteranomaly 6% of men, 0.4% of women
#0f70a2 Tritanomaly 0.01% of the population

#2b5edd hex color

#2b5edd Color Information

#2b5edd Color Conversion

Color Schemes with #2b5edd

Alternatives to #2b5edd

#2b5edd Preview

Shades and Tints of #2b5edd

Tones of #2b5edd

Color Blindness Simulator