#2b7add hex color

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

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

● #2b7add color description : Bright blue.

The hexadecimal color #2b7add has RGB values of R:43, G:122, B:221 and CMYK values of C:0.81, M:0.45, Y:0, K:0.13. Its decimal value is 2849501.

Hex triplet	2b7add	`#2b7add`
RGB Decimal	43, 122, 221	`rgb(43,122,221)`
RGB Percent	16.9, 47.8, 86.7	`rgb(16.9%,47.8%,86.7%)`
CMYK	81, 45, 0, 13
HSL	213.4°, 72.4, 51.8	`hsl(213.4,72.4%,51.8%)`
HSV (or HSB)	213.4°, 80.5, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	51.441, 11.598, -57.227
XYZ	21.004, 19.651, 71.089
xyY	0.188, 0.176, 19.651
CIE-LCH	51.441, 58.39, 281.456
CIE-LUV	51.441, -26.102, -89.629
Hunter-Lab	44.33, 6.998, -64.048
Binary	00101011, 01111010, 11011101

#2b7add
```
#2b7add rgb(43,122,221)
```
#dd8e2b
```
#dd8e2b rgb(221,142,43)
```

Complementary Color

#2bd3dd
```
#2bd3dd rgb(43,211,221)
```
#2b7add
```
#2b7add rgb(43,122,221)
```
#352bdd
```
#352bdd rgb(53,43,221)
```

Analogous Color

#d3dd2b
```
#d3dd2b rgb(211,221,43)
```
#2b7add
```
#2b7add rgb(43,122,221)
```
#dd352b
```
#dd352b rgb(221,53,43)
```

Split Complementary Color

#7add2b
```
#7add2b rgb(122,221,43)
```
#2b7add
```
#2b7add rgb(43,122,221)
```
#dd2b7a
```
#dd2b7a rgb(221,43,122)
```

Triadic Color

#2bdd8e
```
#2bdd8e rgb(43,221,142)
```
#2b7add
```
#2b7add rgb(43,122,221)
```
#dd2b7a
```
#dd2b7a rgb(221,43,122)
```
#dd8e2b
```
#dd8e2b rgb(221,142,43)
```

Tetradic Color

#1a56a2
```
#1a56a2 rgb(26,86,162)
```
#1d62b8
```
#1d62b8 rgb(29,98,184)
```
#216ece
```
#216ece rgb(33,110,206)
```
#2b7add
```
#2b7add rgb(43,122,221)
```
#4188e1
```
#4188e1 rgb(65,136,225)
```
#5796e4
```
#5796e4 rgb(87,150,228)
```
#6da3e8
```
#6da3e8 rgb(109,163,232)
```

Monochromatic Color

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

#2ba7dd
```
#2ba7dd rgb(43,167,221)
```
#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)
```
#2b4edd
```
#2b4edd rgb(43,78,221)
```

Similar Colors

Text with hexadecimal color #2b7add

This text has a font color of #2b7add.

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

#2b7add background color

This paragraph has a background color of #2b7add.

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

#2b7add border color

This element has a border color of #2b7add.

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

CSS codes

.text {color:#2b7add;}

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

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

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)
```
#040d19
```
#040d19 rgb(4,13,25)
```
#07162a
```
#07162a rgb(7,22,42)
```
#091f3a
```
#091f3a rgb(9,31,58)
```
#0c284b
```
#0c284b rgb(12,40,75)
```
#0f315c
```
#0f315c rgb(15,49,92)
```
#123a6d
```
#123a6d rgb(18,58,109)
```
#14437e
```
#14437e rgb(20,67,126)
```
#174c8f
```
#174c8f rgb(23,76,143)
```
#1a55a0
```
#1a55a0 rgb(26,85,160)
```
#1c5eb1
```
#1c5eb1 rgb(28,94,177)
```
#1f67c2
```
#1f67c2 rgb(31,103,194)
```
#2270d3
```
#2270d3 rgb(34,112,211)
```

Shade Color Variation

#2b7add
```
#2b7add rgb(43,122,221)
```
#3c85e0
```
#3c85e0 rgb(60,133,224)
```
#4d8fe2
```
#4d8fe2 rgb(77,143,226)
```
#5e9ae5
```
#5e9ae5 rgb(94,154,229)
```
#6fa4e8
```
#6fa4e8 rgb(111,164,232)
```
#80afeb
```
#80afeb rgb(128,175,235)
```
#90baed
```
#90baed rgb(144,186,237)
```
#a1c4f0
```
#a1c4f0 rgb(161,196,240)
```
#b2cff3
```
#b2cff3 rgb(178,207,243)
```
#c3d9f5
```
#c3d9f5 rgb(195,217,245)
```
#d4e4f8
```
#d4e4f8 rgb(212,228,248)
```
#e5effb
```
#e5effb rgb(229,239,251)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#808488
```
#808488 rgb(128,132,136)
```
#778391
```
#778391 rgb(119,131,145)
```
#6d819b
```
#6d819b rgb(109,129,155)
```
#6480a4
```
#6480a4 rgb(100,128,164)
```
#5a7fae
```
#5a7fae rgb(90,127,174)
```
#517eb7
```
#517eb7 rgb(81,126,183)
```
#477dc1
```
#477dc1 rgb(71,125,193)
```
#3e7cca
```
#3e7cca rgb(62,124,202)
```
#347bd4
```
#347bd4 rgb(52,123,212)
```
#2b7add
```
#2b7add rgb(43,122,221)
```
#2279e6
```
#2279e6 rgb(34,121,230)
```
#1878f0
```
#1878f0 rgb(24,120,240)
```
#0f77f9
```
#0f77f9 rgb(15,119,249)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#617084 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f7edc Protanopia 1% of men
#0083db Deuteranopia 1% of men
#008e97 Tritanopia 0.001% of the population

Trichromacy

#427cdc Protanomaly 1% of men, 0.01% of women
#0f80db Deuteranomaly 6% of men, 0.4% of women
#0f86b0 Tritanomaly 0.01% of the population

#2b7add hex color

#2b7add Color Information

#2b7add Color Conversion

Color Schemes with #2b7add

Alternatives to #2b7add

#2b7add Preview

Shades and Tints of #2b7add

Tones of #2b7add

Color Blindness Simulator