#2cbded hex color

In a RGB color space, hex #2cbded is composed of 17.3% red, 74.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 20.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 194.9 degrees, a saturation of 84.3% and a lightness of 55.1%. #2cbded color hex could be obtained by blending #58ffff with #007bdb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 17
- G 74
- B 93
RGB color chart
- C 81
- M 20
- Y 0
- K 7
CMYK color chart

● #2cbded color description : Bright cyan.

The hexadecimal color #2cbded has RGB values of R:44, G:189, B:237 and CMYK values of C:0.81, M:0.2, Y:0, K:0.07. Its decimal value is 2932205.

Hex triplet	2cbded	`#2cbded`
RGB Decimal	44, 189, 237	`rgb(44,189,237)`
RGB Percent	17.3, 74.1, 92.9	`rgb(17.3%,74.1%,92.9%)`
CMYK	81, 20, 0, 7
HSL	194.9°, 84.3, 55.1	`hsl(194.9,84.3%,55.1%)`
HSV (or HSB)	194.9°, 81.4, 92.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.583, -20.784, -34.301
XYZ	34.518, 43.042, 86.605
xyY	0.21, 0.262, 43.042
CIE-LCH	71.583, 40.106, 238.787
CIE-LUV	71.583, -47.411, -52.314
Hunter-Lab	65.606, -20.894, -32.342
Binary	00101100, 10111101, 11101101

#2cbded
```
#2cbded rgb(44,189,237)
```
#ed5c2c
```
#ed5c2c rgb(237,92,44)
```

Complementary Color

#2cedbd
```
#2cedbd rgb(44,237,189)
```
#2cbded
```
#2cbded rgb(44,189,237)
```
#2c5ced
```
#2c5ced rgb(44,92,237)
```

Analogous Color

#edbd2c
```
#edbd2c rgb(237,189,44)
```
#2cbded
```
#2cbded rgb(44,189,237)
```
#ed2c5c
```
#ed2c5c rgb(237,44,92)
```

Split Complementary Color

#bded2c
```
#bded2c rgb(189,237,44)
```
#2cbded
```
#2cbded rgb(44,189,237)
```
#ed2cbd
```
#ed2cbd rgb(237,44,189)
```

Triadic Color

#2ced5c
```
#2ced5c rgb(44,237,92)
```
#2cbded
```
#2cbded rgb(44,189,237)
```
#ed2cbd
```
#ed2cbd rgb(237,44,189)
```
#ed5c2c
```
#ed5c2c rgb(237,92,44)
```

Tetradic Color

#1092bc
```
#1092bc rgb(16,146,188)
```
#12a4d4
```
#12a4d4 rgb(18,164,212)
```
#15b6eb
```
#15b6eb rgb(21,182,235)
```
#2cbded
```
#2cbded rgb(44,189,237)
```
#43c4ef
```
#43c4ef rgb(67,196,239)
```
#5bccf1
```
#5bccf1 rgb(91,204,241)
```
#72d3f3
```
#72d3f3 rgb(114,211,243)
```

Monochromatic Color

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

#2ceded
```
#2ceded rgb(44,237,237)
```
#2cdded
```
#2cdded rgb(44,221,237)
```
#2ccded
```
#2ccded rgb(44,205,237)
```
#2cbded
```
#2cbded rgb(44,189,237)
```
#2caded
```
#2caded rgb(44,173,237)
```
#2c9ded
```
#2c9ded rgb(44,157,237)
```
#2c8ded
```
#2c8ded rgb(44,141,237)
```

Similar Colors

Text with hexadecimal color #2cbded

This text has a font color of #2cbded.

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

#2cbded background color

This paragraph has a background color of #2cbded.

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

#2cbded border color

This element has a border color of #2cbded.

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

CSS codes

.text {color:#2cbded;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#021318
```
#021318 rgb(2,19,24)
```
#04202a
```
#04202a rgb(4,32,42)
```
#052e3c
```
#052e3c rgb(5,46,60)
```
#073c4e
```
#073c4e rgb(7,60,78)
```
#084a60
```
#084a60 rgb(8,74,96)
```
#0a5872
```
#0a5872 rgb(10,88,114)
```
#0b6684
```
#0b6684 rgb(11,102,132)
```
#0d7496
```
#0d7496 rgb(13,116,150)
```
#0e82a9
```
#0e82a9 rgb(14,130,169)
```
#1090bb
```
#1090bb rgb(16,144,187)
```
#119ecd
```
#119ecd rgb(17,158,205)
```
#13acdf
```
#13acdf rgb(19,172,223)
```

Shade Color Variation

#1ab7eb
```
#1ab7eb rgb(26,183,235)
```
#2cbded
```
#2cbded rgb(44,189,237)
```
#3ec3ef
```
#3ec3ef rgb(62,195,239)
```
#50c8f0
```
#50c8f0 rgb(80,200,240)
```
#62cef2
```
#62cef2 rgb(98,206,242)
```
#74d4f3
```
#74d4f3 rgb(116,212,243)
```
#86d9f5
```
#86d9f5 rgb(134,217,245)
```
#98dff6
```
#98dff6 rgb(152,223,246)
```
#abe5f8
```
#abe5f8 rgb(171,229,248)
```
#bdeaf9
```
#bdeaf9 rgb(189,234,249)
```
#cff0fb
```
#cff0fb rgb(207,240,251)
```
#e1f6fc
```
#e1f6fc rgb(225,246,252)
```
#f3fbfe
```
#f3fbfe rgb(243,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #849195 is the less saturated color, while #1ac6ff is the most saturated one.

#849195
```
#849195 rgb(132,145,149)
```
#7b959e
```
#7b959e rgb(123,149,158)
```
#729aa7
```
#729aa7 rgb(114,154,167)
```
#6a9eaf
```
#6a9eaf rgb(106,158,175)
```
#61a2b8
```
#61a2b8 rgb(97,162,184)
```
#58a7c1
```
#58a7c1 rgb(88,167,193)
```
#4fabca
```
#4fabca rgb(79,171,202)
```
#46b0d3
```
#46b0d3 rgb(70,176,211)
```
#3eb4db
```
#3eb4db rgb(62,180,219)
```
#35b9e4
```
#35b9e4 rgb(53,185,228)
```
#2cbded
```
#2cbded rgb(44,189,237)
```
#23c1f6
```
#23c1f6 rgb(35,193,246)
```
#1ac6ff
```
#1ac6ff rgb(26,198,255)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#829fa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b1e3 Protanopia 1% of men
#9bb1f3 Deuteranopia 1% of men
#00c4d3 Tritanopia 0.001% of the population

Trichromacy

#79b5e7 Protanomaly 1% of men, 0.01% of women
#72b5f1 Deuteranomaly 6% of men, 0.4% of women
#10c2dc Tritanomaly 0.01% of the population

#2cbded hex color

#2cbded Color Information

#2cbded Color Conversion

Color Schemes with #2cbded

Alternatives to #2cbded

#2cbded Preview

Shades and Tints of #2cbded

Tones of #2cbded

Color Blindness Simulator