#2cb6ff hex color

In a RGB color space, hex #2cb6ff is composed of 17.3% red, 71.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 28.6% magenta, 0% yellow and 0% black. It has a hue angle of 200.8 degrees, a saturation of 100% and a lightness of 58.6%. #2cb6ff color hex could be obtained by blending #58ffff with #006dff. Closest websafe color is: #33ccff.

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

● #2cb6ff color description : Vivid blue.

The hexadecimal color #2cb6ff has RGB values of R:44, G:182, B:255 and CMYK values of C:0.83, M:0.29, Y:0, K:0. Its decimal value is 2930431.

Hex triplet	2cb6ff	`#2cb6ff`
RGB Decimal	44, 182, 255	`rgb(44,182,255)`
RGB Percent	17.3, 71.4, 100	`rgb(17.3%,71.4%,100%)`
CMYK	83, 29, 0, 0
HSL	200.8°, 100, 58.6	`hsl(200.8,100%,58.6%)`
HSV (or HSB)	200.8°, 82.7, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	70.321, -10.942, -46.008
XYZ	35.812, 41.208, 100.669
xyY	0.202, 0.232, 41.208
CIE-LCH	70.321, 47.292, 256.622
CIE-LUV	70.321, -43.87, -73.472
Hunter-Lab	64.194, -12.758, -48.044
Binary	00101100, 10110110, 11111111

#2cb6ff
```
#2cb6ff rgb(44,182,255)
```
#ff752c
```
#ff752c rgb(255,117,44)
```

Complementary Color

#2cffdf
```
#2cffdf rgb(44,255,223)
```
#2cb6ff
```
#2cb6ff rgb(44,182,255)
```
#2c4dff
```
#2c4dff rgb(44,77,255)
```

Analogous Color

#ffdf2c
```
#ffdf2c rgb(255,223,44)
```
#2cb6ff
```
#2cb6ff rgb(44,182,255)
```
#ff2c4d
```
#ff2c4d rgb(255,44,77)
```

Split Complementary Color

#b6ff2c
```
#b6ff2c rgb(182,255,44)
```
#2cb6ff
```
#2cb6ff rgb(44,182,255)
```
#ff2cb6
```
#ff2cb6 rgb(255,44,182)
```

Triadic Color

#2cff75
```
#2cff75 rgb(44,255,117)
```
#2cb6ff
```
#2cb6ff rgb(44,182,255)
```
#ff2cb6
```
#ff2cb6 rgb(255,44,182)
```
#ff752c
```
#ff752c rgb(255,117,44)
```

Tetradic Color

#0092df
```
#0092df rgb(0,146,223)
```
#00a2f8
```
#00a2f8 rgb(0,162,248)
```
#13adff
```
#13adff rgb(19,173,255)
```
#2cb6ff
```
#2cb6ff rgb(44,182,255)
```
#46bfff
```
#46bfff rgb(70,191,255)
```
#5fc8ff
```
#5fc8ff rgb(95,200,255)
```
#79d0ff
```
#79d0ff rgb(121,208,255)
```

Monochromatic Color

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

#2cebff
```
#2cebff rgb(44,235,255)
```
#2cd9ff
```
#2cd9ff rgb(44,217,255)
```
#2cc8ff
```
#2cc8ff rgb(44,200,255)
```
#2cb6ff
```
#2cb6ff rgb(44,182,255)
```
#2ca4ff
```
#2ca4ff rgb(44,164,255)
```
#2c93ff
```
#2c93ff rgb(44,147,255)
```
#2c81ff
```
#2c81ff rgb(44,129,255)
```

Similar Colors

Text with hexadecimal color #2cb6ff

This text has a font color of #2cb6ff.

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

#2cb6ff background color

This paragraph has a background color of #2cb6ff.

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

#2cb6ff border color

This element has a border color of #2cb6ff.

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

CSS codes

.text {color:#2cb6ff;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#001018
```
#001018 rgb(0,16,24)
```
#001d2c
```
#001d2c rgb(0,29,44)
```
#002a40
```
#002a40 rgb(0,42,64)
```
#003653
```
#003653 rgb(0,54,83)
```
#004367
```
#004367 rgb(0,67,103)
```
#00507a
```
#00507a rgb(0,80,122)
```
#005d8e
```
#005d8e rgb(0,93,142)
```
#006aa2
```
#006aa2 rgb(0,106,162)
```
#0077b5
```
#0077b5 rgb(0,119,181)
```
#0083c9
```
#0083c9 rgb(0,131,201)
```
#0090dd
```
#0090dd rgb(0,144,221)
```
#009df0
```
#009df0 rgb(0,157,240)
```

Shade Color Variation

#05a8ff
```
#05a8ff rgb(5,168,255)
```
#18afff
```
#18afff rgb(24,175,255)
```
#2cb6ff
```
#2cb6ff rgb(44,182,255)
```
#40bdff
```
#40bdff rgb(64,189,255)
```
#53c4ff
```
#53c4ff rgb(83,196,255)
```
#67caff
```
#67caff rgb(103,202,255)
```
#7ad1ff
```
#7ad1ff rgb(122,209,255)
```
#8ed8ff
```
#8ed8ff rgb(142,216,255)
```
#a2dfff
```
#a2dfff rgb(162,223,255)
```
#b5e6ff
```
#b5e6ff rgb(181,230,255)
```
#c9ecff
```
#c9ecff rgb(201,236,255)
```
#ddf3ff
```
#ddf3ff rgb(221,243,255)
```
#f0faff
```
#f0faff rgb(240,250,255)
```

Tint Color Variation

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

#8d989e
```
#8d989e rgb(141,152,158)
```
#859ba6
```
#859ba6 rgb(133,155,166)
```
#7d9dae
```
#7d9dae rgb(125,157,174)
```
#75a0b6
```
#75a0b6 rgb(117,160,182)
```
#6da2be
```
#6da2be rgb(109,162,190)
```
#65a5c6
```
#65a5c6 rgb(101,165,198)
```
#5da7ce
```
#5da7ce rgb(93,167,206)
```
#55aad6
```
#55aad6 rgb(85,170,214)
```
#4cacdf
```
#4cacdf rgb(76,172,223)
```
#44afe7
```
#44afe7 rgb(68,175,231)
```
#3cb1ef
```
#3cb1ef rgb(60,177,239)
```
#34b4f7
```
#34b4f7 rgb(52,180,247)
```
#2cb6ff
```
#2cb6ff rgb(44,182,255)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#809caa Atypical Achromatopsia 0.001% of the population

Dichromacy

#97adf6 Protanopia 1% of men
#87afff Deuteranopia 1% of men
#00c1ce Tritanopia 0.001% of the population

Trichromacy

#70b0f9 Protanomaly 1% of men, 0.01% of women
#66b2ff Deuteranomaly 6% of men, 0.4% of women
#10bde0 Tritanomaly 0.01% of the population

#2cb6ff hex color

#2cb6ff Color Information

#2cb6ff Color Conversion

Color Schemes with #2cb6ff

Alternatives to #2cb6ff

#2cb6ff Preview

Shades and Tints of #2cb6ff

Tones of #2cb6ff

Color Blindness Simulator