#2c83fb hex color

In a RGB color space, hex #2c83fb is composed of 17.3% red, 51.4% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 47.8% magenta, 0% yellow and 1.6% black. It has a hue angle of 214.8 degrees, a saturation of 96.3% and a lightness of 57.8%. #2c83fb color hex could be obtained by blending #58ffff with #0007f7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 51
- B 98
RGB color chart
- C 82
- M 48
- Y 0
- K 2
CMYK color chart

● #2c83fb color description : Bright blue.

The hexadecimal color #2c83fb has RGB values of R:44, G:131, B:251 and CMYK values of C:0.82, M:0.48, Y:0, K:0.02. Its decimal value is 2917371.

Hex triplet	2c83fb	`#2c83fb`
RGB Decimal	44, 131, 251	`rgb(44,131,251)`
RGB Percent	17.3, 51.4, 98.4	`rgb(17.3%,51.4%,98.4%)`
CMYK	82, 48, 0, 2
HSL	214.8°, 96.3, 57.8	`hsl(214.8,96.3%,57.8%)`
HSV (or HSB)	214.8°, 82.5, 98.4
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.817, 17.346, -66.913
XYZ	26.564, 23.731, 94.442
xyY	0.184, 0.164, 23.731
CIE-LCH	55.817, 69.124, 284.533
CIE-LUV	55.817, -27.765, -107.086
Hunter-Lab	48.714, 12.085, -80.845
Binary	00101100, 10000011, 11111011

#2c83fb
```
#2c83fb rgb(44,131,251)
```
#fba42c
```
#fba42c rgb(251,164,44)
```

Complementary Color

#2cebfb
```
#2cebfb rgb(44,235,251)
```
#2c83fb
```
#2c83fb rgb(44,131,251)
```
#3c2cfb
```
#3c2cfb rgb(60,44,251)
```

Analogous Color

#ebfb2c
```
#ebfb2c rgb(235,251,44)
```
#2c83fb
```
#2c83fb rgb(44,131,251)
```
#fb3c2c
```
#fb3c2c rgb(251,60,44)
```

Split Complementary Color

#83fb2c
```
#83fb2c rgb(131,251,44)
```
#2c83fb
```
#2c83fb rgb(44,131,251)
```
#fb2c83
```
#fb2c83 rgb(251,44,131)
```

Triadic Color

#2cfba4
```
#2cfba4 rgb(44,251,164)
```
#2c83fb
```
#2c83fb rgb(44,131,251)
```
#fb2c83
```
#fb2c83 rgb(251,44,131)
```
#fba42c
```
#fba42c rgb(251,164,44)
```

Tetradic Color

#045cd6
```
#045cd6 rgb(4,92,214)
```
#0567ef
```
#0567ef rgb(5,103,239)
```
#1374fb
```
#1374fb rgb(19,116,251)
```
#2c83fb
```
#2c83fb rgb(44,131,251)
```
#4592fb
```
#4592fb rgb(69,146,251)
```
#5ea0fc
```
#5ea0fc rgb(94,160,252)
```
#77affc
```
#77affc rgb(119,175,252)
```

Monochromatic Color

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

#2cb7fb
```
#2cb7fb rgb(44,183,251)
```
#2ca6fb
```
#2ca6fb rgb(44,166,251)
```
#2c94fb
```
#2c94fb rgb(44,148,251)
```
#2c83fb
```
#2c83fb rgb(44,131,251)
```
#2c72fb
```
#2c72fb rgb(44,114,251)
```
#2c60fb
```
#2c60fb rgb(44,96,251)
```
#2c4ffb
```
#2c4ffb rgb(44,79,251)
```

Similar Colors

Text with hexadecimal color #2c83fb

This text has a font color of #2c83fb.

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

#2c83fb background color

This paragraph has a background color of #2c83fb.

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

#2c83fb border color

This element has a border color of #2c83fb.

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

CSS codes

.text {color:#2c83fb;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000914
```
#000914 rgb(0,9,20)
```
#011127
```
#011127 rgb(1,17,39)
```
#01193b
```
#01193b rgb(1,25,59)
```
#01224e
```
#01224e rgb(1,34,78)
```
#022a61
```
#022a61 rgb(2,42,97)
```
#023274
```
#023274 rgb(2,50,116)
```
#033a88
```
#033a88 rgb(3,58,136)
```
#03439b
```
#03439b rgb(3,67,155)
```
#034bae
```
#034bae rgb(3,75,174)
```
#0453c1
```
#0453c1 rgb(4,83,193)
```
#045cd5
```
#045cd5 rgb(4,92,213)
```
#0464e8
```
#0464e8 rgb(4,100,232)
```

Shade Color Variation

#056cfa
```
#056cfa rgb(5,108,250)
```
#1978fb
```
#1978fb rgb(25,120,251)
```
#2c83fb
```
#2c83fb rgb(44,131,251)
```
#3f8efb
```
#3f8efb rgb(63,142,251)
```
#539afc
```
#539afc rgb(83,154,252)
```
#66a5fc
```
#66a5fc rgb(102,165,252)
```
#79b0fc
```
#79b0fc rgb(121,176,252)
```
#8cbcfd
```
#8cbcfd rgb(140,188,253)
```
#a0c7fd
```
#a0c7fd rgb(160,199,253)
```
#b3d2fe
```
#b3d2fe rgb(179,210,254)
```
#c6defe
```
#c6defe rgb(198,222,254)
```
#d9e9fe
```
#d9e9fe rgb(217,233,254)
```
#edf4ff
```
#edf4ff rgb(237,244,255)
```

Tint Color Variation

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

#8f9398
```
#8f9398 rgb(143,147,152)
```
#8792a0
```
#8792a0 rgb(135,146,160)
```
#7f90a8
```
#7f90a8 rgb(127,144,168)
```
#768fb1
```
#768fb1 rgb(118,143,177)
```
#6e8eb9
```
#6e8eb9 rgb(110,142,185)
```
#668cc1
```
#668cc1 rgb(102,140,193)
```
#5e8bc9
```
#5e8bc9 rgb(94,139,201)
```
#558ad2
```
#558ad2 rgb(85,138,210)
```
#4d88da
```
#4d88da rgb(77,136,218)
```
#4587e2
```
#4587e2 rgb(69,135,226)
```
#3d86ea
```
#3d86ea rgb(61,134,234)
```
#3484f3
```
#3484f3 rgb(52,132,243)
```
#2c83fb
```
#2c83fb rgb(44,131,251)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#687991 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4588fa Protanopia 1% of men
#008eeb Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#3c86fa Protanomaly 1% of men, 0.01% of women
#108af1 Deuteranomaly 6% of men, 0.4% of women
#1091c3 Tritanomaly 0.01% of the population

#2c83fb hex color

#2c83fb Color Information

#2c83fb Color Conversion

Color Schemes with #2c83fb

Alternatives to #2c83fb

#2c83fb Preview

Shades and Tints of #2c83fb

Tones of #2c83fb

Color Blindness Simulator