#2b6fde hex color

In a RGB color space, hex #2b6fde is composed of 16.9% red, 43.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 50% magenta, 0% yellow and 12.9% black. It has a hue angle of 217.2 degrees, a saturation of 73.1% and a lightness of 52%. #2b6fde color hex could be obtained by blending #56deff with #0000bd. Closest websafe color is: #3366cc.

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

● #2b6fde color description : Bright blue.

The hexadecimal color #2b6fde has RGB values of R:43, G:111, B:222 and CMYK values of C:0.81, M:0.5, Y:0, K:0.13. Its decimal value is 2846686.

Hex triplet	2b6fde	`#2b6fde`
RGB Decimal	43, 111, 222	`rgb(43,111,222)`
RGB Percent	16.9, 43.5, 87.1	`rgb(16.9%,43.5%,87.1%)`
CMYK	81, 50, 0, 13
HSL	217.2°, 73.1, 52	`hsl(217.2,73.1%,52%)`
HSV (or HSB)	217.2°, 80.6, 87.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.455, 18.891, -62.602
XYZ	19.863, 17.155, 71.368
xyY	0.183, 0.158, 17.155
CIE-LCH	48.455, 65.391, 286.792
CIE-LUV	48.455, -22.753, -97.052
Hunter-Lab	41.418, 13.119, -73.169
Binary	00101011, 01101111, 11011110

#2b6fde
```
#2b6fde rgb(43,111,222)
```
#de9a2b
```
#de9a2b rgb(222,154,43)
```

Complementary Color

#2bc9de
```
#2bc9de rgb(43,201,222)
```
#2b6fde
```
#2b6fde rgb(43,111,222)
```
#412bde
```
#412bde rgb(65,43,222)
```

Analogous Color

#c9de2b
```
#c9de2b rgb(201,222,43)
```
#2b6fde
```
#2b6fde rgb(43,111,222)
```
#de412b
```
#de412b rgb(222,65,43)
```

Split Complementary Color

#6fde2b
```
#6fde2b rgb(111,222,43)
```
#2b6fde
```
#2b6fde rgb(43,111,222)
```
#de2b6f
```
#de2b6f rgb(222,43,111)
```

Triadic Color

#2bde9a
```
#2bde9a rgb(43,222,154)
```
#2b6fde
```
#2b6fde rgb(43,111,222)
```
#de2b6f
```
#de2b6f rgb(222,43,111)
```
#de9a2b
```
#de9a2b rgb(222,154,43)
```

Tetradic Color

#194ea3
```
#194ea3 rgb(25,78,163)
```
#1d58b9
```
#1d58b9 rgb(29,88,185)
```
#2063cf
```
#2063cf rgb(32,99,207)
```
#2b6fde
```
#2b6fde rgb(43,111,222)
```
#417ee1
```
#417ee1 rgb(65,126,225)
```
#578de5
```
#578de5 rgb(87,141,229)
```
#6d9ce8
```
#6d9ce8 rgb(109,156,232)
```

Monochromatic Color

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

#2b9cde
```
#2b9cde rgb(43,156,222)
```
#2b8dde
```
#2b8dde rgb(43,141,222)
```
#2b7ede
```
#2b7ede rgb(43,126,222)
```
#2b6fde
```
#2b6fde rgb(43,111,222)
```
#2b60de
```
#2b60de rgb(43,96,222)
```
#2b51de
```
#2b51de rgb(43,81,222)
```
#2b42de
```
#2b42de rgb(43,66,222)
```

Similar Colors

Text with hexadecimal color #2b6fde

This text has a font color of #2b6fde.

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

#2b6fde background color

This paragraph has a background color of #2b6fde.

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

#2b6fde border color

This element has a border color of #2b6fde.

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

CSS codes

.text {color:#2b6fde;}

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

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

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

#010409
```
#010409 rgb(1,4,9)
```
#040c1a
```
#040c1a rgb(4,12,26)
```
#07142b
```
#07142b rgb(7,20,43)
```
#091c3c
```
#091c3c rgb(9,28,60)
```
#0c244d
```
#0c244d rgb(12,36,77)
```
#0f2d5e
```
#0f2d5e rgb(15,45,94)
```
#11356e
```
#11356e rgb(17,53,110)
```
#143d7f
```
#143d7f rgb(20,61,127)
```
#164590
```
#164590 rgb(22,69,144)
```
#194da1
```
#194da1 rgb(25,77,161)
```
#1c55b2
```
#1c55b2 rgb(28,85,178)
```
#1e5dc3
```
#1e5dc3 rgb(30,93,195)
```
#2165d4
```
#2165d4 rgb(33,101,212)
```

Shade Color Variation

#2b6fde
```
#2b6fde rgb(43,111,222)
```
#3c7be1
```
#3c7be1 rgb(60,123,225)
```
#4d86e3
```
#4d86e3 rgb(77,134,227)
```
#5e92e6
```
#5e92e6 rgb(94,146,230)
```
#6f9de9
```
#6f9de9 rgb(111,157,233)
```
#80a9eb
```
#80a9eb rgb(128,169,235)
```
#91b4ee
```
#91b4ee rgb(145,180,238)
```
#a2c0f0
```
#a2c0f0 rgb(162,192,240)
```
#b3cbf3
```
#b3cbf3 rgb(179,203,243)
```
#c4d7f6
```
#c4d7f6 rgb(196,215,246)
```
#d5e2f8
```
#d5e2f8 rgb(213,226,248)
```
#e6eefb
```
#e6eefb rgb(230,238,251)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#808389
```
#808389 rgb(128,131,137)
```
#768193
```
#768193 rgb(118,129,147)
```
#6d7f9c
```
#6d7f9c rgb(109,127,156)
```
#647da5
```
#647da5 rgb(100,125,165)
```
#5a7aaf
```
#5a7aaf rgb(90,122,175)
```
#5178b8
```
#5178b8 rgb(81,120,184)
```
#4776c2
```
#4776c2 rgb(71,118,194)
```
#3e74cb
```
#3e74cb rgb(62,116,203)
```
#3471d5
```
#3471d5 rgb(52,113,213)
```
#2b6fde
```
#2b6fde rgb(43,111,222)
```
#226de7
```
#226de7 rgb(34,109,231)
```
#186af1
```
#186af1 rgb(24,106,241)
```
#0f68fa
```
#0f68fa rgb(15,104,250)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b697f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3176e0 Protanopia 1% of men
#007ccd Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#2f73df Protanomaly 1% of men, 0.01% of women
#0f77d3 Deuteranomaly 6% of men, 0.4% of women
#0f7dab Tritanomaly 0.01% of the population

#2b6fde hex color

#2b6fde Color Information

#2b6fde Color Conversion

Color Schemes with #2b6fde

Alternatives to #2b6fde

#2b6fde Preview

Shades and Tints of #2b6fde

Tones of #2b6fde

Color Blindness Simulator