#2b82f0 hex color

In a RGB color space, hex #2b82f0 is composed of 16.9% red, 51% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 45.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 213.5 degrees, a saturation of 86.8% and a lightness of 55.5%. #2b82f0 color hex could be obtained by blending #56ffff with #0005e1. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 51
- B 94
RGB color chart
- C 82
- M 46
- Y 0
- K 6
CMYK color chart

● #2b82f0 color description : Bright blue.

The hexadecimal color #2b82f0 has RGB values of R:43, G:130, B:240 and CMYK values of C:0.82, M:0.46, Y:0, K:0.06. Its decimal value is 2851568.

Hex triplet	2b82f0	`#2b82f0`
RGB Decimal	43, 130, 240	`rgb(43,130,240)`
RGB Percent	16.9, 51, 94.1	`rgb(16.9%,51%,94.1%)`
CMYK	82, 46, 0, 6
HSL	213.5°, 86.8, 55.5	`hsl(213.5,86.8%,55.5%)`
HSV (or HSB)	213.5°, 82.1, 94.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	54.833, 13.775, -62.409
XYZ	24.704, 22.768, 85.526
xyY	0.186, 0.171, 22.768
CIE-LCH	54.833, 63.911, 282.447
CIE-LUV	54.833, -27.928, -99.31
Hunter-Lab	47.716, 8.91, -72.87
Binary	00101011, 10000010, 11110000

#2b82f0
```
#2b82f0 rgb(43,130,240)
```
#f0992b
```
#f0992b rgb(240,153,43)
```

Complementary Color

#2be5f0
```
#2be5f0 rgb(43,229,240)
```
#2b82f0
```
#2b82f0 rgb(43,130,240)
```
#372bf0
```
#372bf0 rgb(55,43,240)
```

Analogous Color

#e5f02b
```
#e5f02b rgb(229,240,43)
```
#2b82f0
```
#2b82f0 rgb(43,130,240)
```
#f0372b
```
#f0372b rgb(240,55,43)
```

Split Complementary Color

#82f02b
```
#82f02b rgb(130,240,43)
```
#2b82f0
```
#2b82f0 rgb(43,130,240)
```
#f02b82
```
#f02b82 rgb(240,43,130)
```

Triadic Color

#2bf099
```
#2bf099 rgb(43,240,153)
```
#2b82f0
```
#2b82f0 rgb(43,130,240)
```
#f02b82
```
#f02b82 rgb(240,43,130)
```
#f0992b
```
#f0992b rgb(240,153,43)
```

Tetradic Color

#0e5dc1
```
#0e5dc1 rgb(14,93,193)
```
#0f68d9
```
#0f68d9 rgb(15,104,217)
```
#1374ee
```
#1374ee rgb(19,116,238)
```
#2b82f0
```
#2b82f0 rgb(43,130,240)
```
#4390f2
```
#4390f2 rgb(67,144,242)
```
#5b9ef3
```
#5b9ef3 rgb(91,158,243)
```
#72acf5
```
#72acf5 rgb(114,172,245)
```

Monochromatic Color

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

#2bb3f0
```
#2bb3f0 rgb(43,179,240)
```
#2ba3f0
```
#2ba3f0 rgb(43,163,240)
```
#2b92f0
```
#2b92f0 rgb(43,146,240)
```
#2b82f0
```
#2b82f0 rgb(43,130,240)
```
#2b72f0
```
#2b72f0 rgb(43,114,240)
```
#2b61f0
```
#2b61f0 rgb(43,97,240)
```
#2b51f0
```
#2b51f0 rgb(43,81,240)
```

Similar Colors

Text with hexadecimal color #2b82f0

This text has a font color of #2b82f0.

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

#2b82f0 background color

This paragraph has a background color of #2b82f0.

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

#2b82f0 border color

This element has a border color of #2b82f0.

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

CSS codes

.text {color:#2b82f0;}

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

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

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 #f5f9fe is the lightest one.

#010408
```
#010408 rgb(1,4,8)
```
#020d1a
```
#020d1a rgb(2,13,26)
```
#03152c
```
#03152c rgb(3,21,44)
```
#041e3f
```
#041e3f rgb(4,30,63)
```
#062751
```
#062751 rgb(6,39,81)
```
#073063
```
#073063 rgb(7,48,99)
```
#083976
```
#083976 rgb(8,57,118)
```
#0a4188
```
#0a4188 rgb(10,65,136)
```
#0b4a9a
```
#0b4a9a rgb(11,74,154)
```
#0c53ad
```
#0c53ad rgb(12,83,173)
```
#0e5cbf
```
#0e5cbf rgb(14,92,191)
```
#0f65d1
```
#0f65d1 rgb(15,101,209)
```
#106ee4
```
#106ee4 rgb(16,110,228)
```

Shade Color Variation

#1977ef
```
#1977ef rgb(25,119,239)
```
#2b82f0
```
#2b82f0 rgb(43,130,240)
```
#3d8df1
```
#3d8df1 rgb(61,141,241)
```
#5098f3
```
#5098f3 rgb(80,152,243)
```
#62a2f4
```
#62a2f4 rgb(98,162,244)
```
#74adf5
```
#74adf5 rgb(116,173,245)
```
#87b8f6
```
#87b8f6 rgb(135,184,246)
```
#99c3f8
```
#99c3f8 rgb(153,195,248)
```
#abcef9
```
#abcef9 rgb(171,206,249)
```
#bed8fa
```
#bed8fa rgb(190,216,250)
```
#d0e3fc
```
#d0e3fc rgb(208,227,252)
```
#e2eefd
```
#e2eefd rgb(226,238,253)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

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

#8b8d90
```
#8b8d90 rgb(139,141,144)
```
#828c99
```
#828c99 rgb(130,140,153)
```
#7a8ba1
```
#7a8ba1 rgb(122,139,161)
```
#718aaa
```
#718aaa rgb(113,138,170)
```
#6889b3
```
#6889b3 rgb(104,137,179)
```
#5f88bc
```
#5f88bc rgb(95,136,188)
```
#5787c4
```
#5787c4 rgb(87,135,196)
```
#4e86cd
```
#4e86cd rgb(78,134,205)
```
#4585d6
```
#4585d6 rgb(69,133,214)
```
#3c84df
```
#3c84df rgb(60,132,223)
```
#3483e7
```
#3483e7 rgb(52,131,231)
```
#2b82f0
```
#2b82f0 rgb(43,130,240)
```
#2281f9
```
#2281f9 rgb(34,129,249)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#66788e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e86ee Protanopia 1% of men
#008ce8 Deuteranopia 1% of men
#0097a0 Tritanopia 0.001% of the population

Trichromacy

#4184ef Protanomaly 1% of men, 0.01% of women
#0f88eb Deuteranomaly 6% of men, 0.4% of women
#0f8fbd Tritanomaly 0.01% of the population

#2b82f0 hex color

#2b82f0 Color Information

#2b82f0 Color Conversion

Color Schemes with #2b82f0

Alternatives to #2b82f0

#2b82f0 Preview

Shades and Tints of #2b82f0

Tones of #2b82f0

Color Blindness Simulator