#2b6bfe hex color

In a RGB color space, hex #2b6bfe is composed of 16.9% red, 42% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 57.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 221.8 degrees, a saturation of 99.1% and a lightness of 58.2%. #2b6bfe color hex could be obtained by blending #56d6ff with #0000fd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 42
- B 100
RGB color chart
- C 83
- M 58
- Y 0
- K 0
CMYK color chart

● #2b6bfe color description : Bright blue.

The hexadecimal color #2b6bfe has RGB values of R:43, G:107, B:254 and CMYK values of C:0.83, M:0.58, Y:0, K:0. Its decimal value is 2845694.

Hex triplet	2b6bfe	`#2b6bfe`
RGB Decimal	43, 107, 254	`rgb(43,107,254)`
RGB Percent	16.9, 42, 99.6	`rgb(16.9%,42%,99.6%)`
CMYK	83, 58, 0, 0
HSL	221.8°, 99.1, 58.2	`hsl(221.8,99.1%,58.2%)`
HSV (or HSB)	221.8°, 83.1, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.717, 33.377, -78.472
XYZ	24.14, 18.183, 95.998
xyY	0.175, 0.131, 18.183
CIE-LCH	49.717, 85.275, 293.042
CIE-LUV	49.717, -21.166, -121.858
Hunter-Lab	42.641, 26.428, -103.63
Binary	00101011, 01101011, 11111110

#2b6bfe
```
#2b6bfe rgb(43,107,254)
```
#febe2b
```
#febe2b rgb(254,190,43)
```

Complementary Color

#2bd5fe
```
#2bd5fe rgb(43,213,254)
```
#2b6bfe
```
#2b6bfe rgb(43,107,254)
```
#552bfe
```
#552bfe rgb(85,43,254)
```

Analogous Color

#d5fe2b
```
#d5fe2b rgb(213,254,43)
```
#2b6bfe
```
#2b6bfe rgb(43,107,254)
```
#fe552b
```
#fe552b rgb(254,85,43)
```

Split Complementary Color

#6bfe2b
```
#6bfe2b rgb(107,254,43)
```
#2b6bfe
```
#2b6bfe rgb(43,107,254)
```
#fe2b6b
```
#fe2b6b rgb(254,43,107)
```

Triadic Color

#2bfebe
```
#2bfebe rgb(43,254,190)
```
#2b6bfe
```
#2b6bfe rgb(43,107,254)
```
#fe2b6b
```
#fe2b6b rgb(254,43,107)
```
#febe2b
```
#febe2b rgb(254,190,43)
```

Tetradic Color

#0143db
```
#0143db rgb(1,67,219)
```
#014bf5
```
#014bf5 rgb(1,75,245)
```
#1259fe
```
#1259fe rgb(18,89,254)
```
#2b6bfe
```
#2b6bfe rgb(43,107,254)
```
#447dfe
```
#447dfe rgb(68,125,254)
```
#5e8efe
```
#5e8efe rgb(94,142,254)
```
#77a0fe
```
#77a0fe rgb(119,160,254)
```

Monochromatic Color

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

#2ba0fe
```
#2ba0fe rgb(43,160,254)
```
#2b8efe
```
#2b8efe rgb(43,142,254)
```
#2b7dfe
```
#2b7dfe rgb(43,125,254)
```
#2b6bfe
```
#2b6bfe rgb(43,107,254)
```
#2b59fe
```
#2b59fe rgb(43,89,254)
```
#2b48fe
```
#2b48fe rgb(43,72,254)
```
#2b36fe
```
#2b36fe rgb(43,54,254)
```

Similar Colors

Text with hexadecimal color #2b6bfe

This text has a font color of #2b6bfe.

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

#2b6bfe background color

This paragraph has a background color of #2b6bfe.

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

#2b6bfe border color

This element has a border color of #2b6bfe.

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

CSS codes

.text {color:#2b6bfe;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000716
```
#000716 rgb(0,7,22)
```
#000d2a
```
#000d2a rgb(0,13,42)
```
#00133d
```
#00133d rgb(0,19,61)
```
#001951
```
#001951 rgb(0,25,81)
```
#001f64
```
#001f64 rgb(0,31,100)
```
#012578
```
#012578 rgb(1,37,120)
```
#012b8b
```
#012b8b rgb(1,43,139)
```
#01319f
```
#01319f rgb(1,49,159)
```
#0137b2
```
#0137b2 rgb(1,55,178)
```
#013dc6
```
#013dc6 rgb(1,61,198)
```
#0143da
```
#0143da rgb(1,67,218)
```
#0149ed
```
#0149ed rgb(1,73,237)
```

Shade Color Variation

#0450fe
```
#0450fe rgb(4,80,254)
```
#175dfe
```
#175dfe rgb(23,93,254)
```
#2b6bfe
```
#2b6bfe rgb(43,107,254)
```
#3f79fe
```
#3f79fe rgb(63,121,254)
```
#5286fe
```
#5286fe rgb(82,134,254)
```
#6694fe
```
#6694fe rgb(102,148,254)
```
#79a2fe
```
#79a2fe rgb(121,162,254)
```
#8daffe
```
#8daffe rgb(141,175,254)
```
#a0bdff
```
#a0bdff rgb(160,189,255)
```
#b4caff
```
#b4caff rgb(180,202,255)
```
#c7d8ff
```
#c7d8ff rgb(199,216,255)
```
#dbe6ff
```
#dbe6ff rgb(219,230,255)
```
#eef3ff
```
#eef3ff rgb(238,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d929c is the less saturated color, while #2b6bfe is the most saturated one.

#8d929c
```
#8d929c rgb(141,146,156)
```
#858ea4
```
#858ea4 rgb(133,142,164)
```
#7d8bac
```
#7d8bac rgb(125,139,172)
```
#7588b4
```
#7588b4 rgb(117,136,180)
```
#6d85bc
```
#6d85bc rgb(109,133,188)
```
#6482c5
```
#6482c5 rgb(100,130,197)
```
#5c7ecd
```
#5c7ecd rgb(92,126,205)
```
#547bd5
```
#547bd5 rgb(84,123,213)
```
#4c78dd
```
#4c78dd rgb(76,120,221)
```
#4475e5
```
#4475e5 rgb(68,117,229)
```
#3b71ee
```
#3b71ee rgb(59,113,238)
```
#336ef6
```
#336ef6 rgb(51,110,246)
```
#2b6bfe
```
#2b6bfe rgb(43,107,254)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5d6987 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ed Protanopia 1% of men
#0080cf Deuteranopia 1% of men
#008991 Tritanopia 0.001% of the population

Trichromacy

#0f74f3 Protanomaly 1% of men, 0.01% of women
#0f78e0 Deuteranomaly 6% of men, 0.4% of women
#0f7eb8 Tritanomaly 0.01% of the population

#2b6bfe hex color

#2b6bfe Color Information

#2b6bfe Color Conversion

Color Schemes with #2b6bfe

Alternatives to #2b6bfe

#2b6bfe Preview

Shades and Tints of #2b6bfe

Tones of #2b6bfe

Color Blindness Simulator