#2b6dda hex color

In a RGB color space, hex #2b6dda is composed of 16.9% red, 42.7% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 50% magenta, 0% yellow and 14.5% black. It has a hue angle of 217.4 degrees, a saturation of 70.3% and a lightness of 51.2%. #2b6dda color hex could be obtained by blending #56daff with #0000b5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 43
- B 85
RGB color chart
- C 80
- M 50
- Y 0
- K 15
CMYK color chart

● #2b6dda color description : Bright blue.

The hexadecimal color #2b6dda has RGB values of R:43, G:109, B:218 and CMYK values of C:0.8, M:0.5, Y:0, K:0.15. Its decimal value is 2846170.

Hex triplet	2b6dda	`#2b6dda`
RGB Decimal	43, 109, 218	`rgb(43,109,218)`
RGB Percent	16.9, 42.7, 85.5	`rgb(16.9%,42.7%,85.5%)`
CMYK	80, 50, 0, 15
HSL	217.4°, 70.3, 51.2	`hsl(217.4,70.3%,51.2%)`
HSV (or HSB)	217.4°, 80.3, 85.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.638, 18.649, -61.655
XYZ	19.117, 16.511, 68.505
xyY	0.184, 0.159, 16.511
CIE-LCH	47.638, 64.414, 286.829
CIE-LUV	47.638, -22.255, -95.188
Hunter-Lab	40.634, 12.869, -71.513
Binary	00101011, 01101101, 11011010

#2b6dda
```
#2b6dda rgb(43,109,218)
```
#da982b
```
#da982b rgb(218,152,43)
```

Complementary Color

#2bc5da
```
#2bc5da rgb(43,197,218)
```
#2b6dda
```
#2b6dda rgb(43,109,218)
```
#402bda
```
#402bda rgb(64,43,218)
```

Analogous Color

#c5da2b
```
#c5da2b rgb(197,218,43)
```
#2b6dda
```
#2b6dda rgb(43,109,218)
```
#da402b
```
#da402b rgb(218,64,43)
```

Split Complementary Color

#6dda2b
```
#6dda2b rgb(109,218,43)
```
#2b6dda
```
#2b6dda rgb(43,109,218)
```
#da2b6d
```
#da2b6d rgb(218,43,109)
```

Triadic Color

#2bda98
```
#2bda98 rgb(43,218,152)
```
#2b6dda
```
#2b6dda rgb(43,109,218)
```
#da2b6d
```
#da2b6d rgb(218,43,109)
```
#da982b
```
#da982b rgb(218,152,43)
```

Tetradic Color

#1b4c9d
```
#1b4c9d rgb(27,76,157)
```
#1f57b3
```
#1f57b3 rgb(31,87,179)
```
#2361c9
```
#2361c9 rgb(35,97,201)
```
#2b6dda
```
#2b6dda rgb(43,109,218)
```
#417cde
```
#417cde rgb(65,124,222)
```
#568be2
```
#568be2 rgb(86,139,226)
```
#6c9ae5
```
#6c9ae5 rgb(108,154,229)
```

Monochromatic Color

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

#2b99da
```
#2b99da rgb(43,153,218)
```
#2b8ada
```
#2b8ada rgb(43,138,218)
```
#2b7cda
```
#2b7cda rgb(43,124,218)
```
#2b6dda
```
#2b6dda rgb(43,109,218)
```
#2b5eda
```
#2b5eda rgb(43,94,218)
```
#2b50da
```
#2b50da rgb(43,80,218)
```
#2b41da
```
#2b41da rgb(43,65,218)
```

Similar Colors

Text with hexadecimal color #2b6dda

This text has a font color of #2b6dda.

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

#2b6dda background color

This paragraph has a background color of #2b6dda.

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

#2b6dda border color

This element has a border color of #2b6dda.

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

CSS codes

.text {color:#2b6dda;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#040b16
```
#040b16 rgb(4,11,22)
```
#071327
```
#071327 rgb(7,19,39)
```
#0a1b37
```
#0a1b37 rgb(10,27,55)
```
#0d2348
```
#0d2348 rgb(13,35,72)
```
#0f2b59
```
#0f2b59 rgb(15,43,89)
```
#123369
```
#123369 rgb(18,51,105)
```
#153b7a
```
#153b7a rgb(21,59,122)
```
#18438b
```
#18438b rgb(24,67,139)
```
#1b4c9b
```
#1b4c9b rgb(27,76,155)
```
#1e54ac
```
#1e54ac rgb(30,84,172)
```
#215cbd
```
#215cbd rgb(33,92,189)
```
#2464ce
```
#2464ce rgb(36,100,206)
```

Shade Color Variation

#2b6dda
```
#2b6dda rgb(43,109,218)
```
#3c79dd
```
#3c79dd rgb(60,121,221)
```
#4c84e0
```
#4c84e0 rgb(76,132,224)
```
#5d90e3
```
#5d90e3 rgb(93,144,227)
```
#6e9be6
```
#6e9be6 rgb(110,155,230)
```
#7fa7e9
```
#7fa7e9 rgb(127,167,233)
```
#8fb2eb
```
#8fb2eb rgb(143,178,235)
```
#a0beee
```
#a0beee rgb(160,190,238)
```
#b1c9f1
```
#b1c9f1 rgb(177,201,241)
```
#c1d5f4
```
#c1d5f4 rgb(193,213,244)
```
#d2e0f7
```
#d2e0f7 rgb(210,224,247)
```
#e3ecfa
```
#e3ecfa rgb(227,236,250)
```
#f3f7fd
```
#f3f7fd rgb(243,247,253)
```

Tint Color Variation

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

#818284
```
#818284 rgb(129,130,132)
```
#78808d
```
#78808d rgb(120,128,141)
```
#6e7d97
```
#6e7d97 rgb(110,125,151)
```
#647ba1
```
#647ba1 rgb(100,123,161)
```
#5b79aa
```
#5b79aa rgb(91,121,170)
```
#5176b4
```
#5176b4 rgb(81,118,180)
```
#4874bd
```
#4874bd rgb(72,116,189)
```
#3e72c7
```
#3e72c7 rgb(62,114,199)
```
#356fd0
```
#356fd0 rgb(53,111,208)
```
#2b6dda
```
#2b6dda rgb(43,109,218)
```
#216be4
```
#216be4 rgb(33,107,228)
```
#1868ed
```
#1868ed rgb(24,104,237)
```
#0e66f7
```
#0e66f7 rgb(14,102,247)
```

Tone Color Variation

Below, you can see how #2b6dda 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
#5a677d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3174dc Protanopia 1% of men
#007ac9 Deuteranopia 1% of men
#00848c Tritanopia 0.001% of the population

Trichromacy

#2f72db Protanomaly 1% of men, 0.01% of women
#0f75cf Deuteranomaly 6% of men, 0.4% of women
#0f7ba8 Tritanomaly 0.01% of the population

#2b6dda hex color

#2b6dda Color Information

#2b6dda Color Conversion

Color Schemes with #2b6dda

Alternatives to #2b6dda

#2b6dda Preview

Shades and Tints of #2b6dda

Tones of #2b6dda

Color Blindness Simulator