#2c8bff hex color

In a RGB color space, hex #2c8bff is composed of 17.3% red, 54.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 45.5% magenta, 0% yellow and 0% black. It has a hue angle of 213 degrees, a saturation of 100% and a lightness of 58.6%. #2c8bff color hex could be obtained by blending #58ffff with #0017ff. Closest websafe color is: #3399ff.

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

● #2c8bff color description : Vivid blue.

The hexadecimal color #2c8bff has RGB values of R:44, G:139, B:255 and CMYK values of C:0.83, M:0.45, Y:0, K:0. Its decimal value is 2919423.

Hex triplet	2c8bff	`#2c8bff`
RGB Decimal	44, 139, 255	`rgb(44,139,255)`
RGB Percent	17.3, 54.5, 100	`rgb(17.3%,54.5%,100%)`
CMYK	83, 45, 0, 0
HSL	213°, 100, 58.6	`hsl(213,100%,58.6%)`
HSV (or HSB)	213°, 82.7, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.244, 13.928, -65.207
XYZ	28.317, 26.218, 98.17
xyY	0.185, 0.172, 26.218
CIE-LCH	58.244, 66.678, 282.057
CIE-LUV	58.244, -30.034, -105.113
Hunter-Lab	51.204, 9.109, -77.831
Binary	00101100, 10001011, 11111111

#2c8bff
```
#2c8bff rgb(44,139,255)
```
#ffa02c
```
#ffa02c rgb(255,160,44)
```

Complementary Color

#2cf5ff
```
#2cf5ff rgb(44,245,255)
```
#2c8bff
```
#2c8bff rgb(44,139,255)
```
#372cff
```
#372cff rgb(55,44,255)
```

Analogous Color

#f5ff2c
```
#f5ff2c rgb(245,255,44)
```
#2c8bff
```
#2c8bff rgb(44,139,255)
```
#ff372c
```
#ff372c rgb(255,55,44)
```

Split Complementary Color

#8bff2c
```
#8bff2c rgb(139,255,44)
```
#2c8bff
```
#2c8bff rgb(44,139,255)
```
#ff2c8b
```
#ff2c8b rgb(255,44,139)
```

Triadic Color

#2cffa0
```
#2cffa0 rgb(44,255,160)
```
#2c8bff
```
#2c8bff rgb(44,139,255)
```
#ff2c8b
```
#ff2c8b rgb(255,44,139)
```
#ffa02c
```
#ffa02c rgb(255,160,44)
```

Tetradic Color

#0064df
```
#0064df rgb(0,100,223)
```
#0070f8
```
#0070f8 rgb(0,112,248)
```
#137dff
```
#137dff rgb(19,125,255)
```
#2c8bff
```
#2c8bff rgb(44,139,255)
```
#4699ff
```
#4699ff rgb(70,153,255)
```
#5fa7ff
```
#5fa7ff rgb(95,167,255)
```
#79b5ff
```
#79b5ff rgb(121,181,255)
```

Monochromatic Color

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

#2cc0ff
```
#2cc0ff rgb(44,192,255)
```
#2caeff
```
#2caeff rgb(44,174,255)
```
#2c9dff
```
#2c9dff rgb(44,157,255)
```
#2c8bff
```
#2c8bff rgb(44,139,255)
```
#2c79ff
```
#2c79ff rgb(44,121,255)
```
#2c68ff
```
#2c68ff rgb(44,104,255)
```
#2c56ff
```
#2c56ff rgb(44,86,255)
```

Similar Colors

Text with hexadecimal color #2c8bff

This text has a font color of #2c8bff.

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

#2c8bff background color

This paragraph has a background color of #2c8bff.

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

#2c8bff border color

This element has a border color of #2c8bff.

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

CSS codes

.text {color:#2c8bff;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#000b18
```
#000b18 rgb(0,11,24)
```
#00142c
```
#00142c rgb(0,20,44)
```
#001d40
```
#001d40 rgb(0,29,64)
```
#002553
```
#002553 rgb(0,37,83)
```
#002e67
```
#002e67 rgb(0,46,103)
```
#00377a
```
#00377a rgb(0,55,122)
```
#00408e
```
#00408e rgb(0,64,142)
```
#0049a2
```
#0049a2 rgb(0,73,162)
```
#0052b5
```
#0052b5 rgb(0,82,181)
```
#005ac9
```
#005ac9 rgb(0,90,201)
```
#0063dd
```
#0063dd rgb(0,99,221)
```
#006cf0
```
#006cf0 rgb(0,108,240)
```

Shade Color Variation

#0575ff
```
#0575ff rgb(5,117,255)
```
#1880ff
```
#1880ff rgb(24,128,255)
```
#2c8bff
```
#2c8bff rgb(44,139,255)
```
#4096ff
```
#4096ff rgb(64,150,255)
```
#53a1ff
```
#53a1ff rgb(83,161,255)
```
#67abff
```
#67abff rgb(103,171,255)
```
#7ab6ff
```
#7ab6ff rgb(122,182,255)
```
#8ec1ff
```
#8ec1ff rgb(142,193,255)
```
#a2ccff
```
#a2ccff rgb(162,204,255)
```
#b5d6ff
```
#b5d6ff rgb(181,214,255)
```
#c9e1ff
```
#c9e1ff rgb(201,225,255)
```
#ddecff
```
#ddecff rgb(221,236,255)
```
#f0f7ff
```
#f0f7ff rgb(240,247,255)
```

Tint Color Variation

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

#8d959e
```
#8d959e rgb(141,149,158)
```
#8594a6
```
#8594a6 rgb(133,148,166)
```
#7d93ae
```
#7d93ae rgb(125,147,174)
```
#7592b6
```
#7592b6 rgb(117,146,182)
```
#6d91be
```
#6d91be rgb(109,145,190)
```
#6591c6
```
#6591c6 rgb(101,145,198)
```
#5d90ce
```
#5d90ce rgb(93,144,206)
```
#558fd6
```
#558fd6 rgb(85,143,214)
```
#4c8edf
```
#4c8edf rgb(76,142,223)
```
#448de7
```
#448de7 rgb(68,141,231)
```
#3c8def
```
#3c8def rgb(60,141,239)
```
#348cf7
```
#348cf7 rgb(52,140,247)
```
#2c8bff
```
#2c8bff rgb(44,139,255)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6c7f96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#548efc Protanopia 1% of men
#0094f6 Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

#458dfd Protanomaly 1% of men, 0.01% of women
#1091f9 Deuteranomaly 6% of men, 0.4% of women
#1098c8 Tritanomaly 0.01% of the population

#2c8bff hex color

#2c8bff Color Information

#2c8bff Color Conversion

Color Schemes with #2c8bff

Alternatives to #2c8bff

#2c8bff Preview

Shades and Tints of #2c8bff

Tones of #2c8bff

Color Blindness Simulator