#2cb5ed hex color

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

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

● #2cb5ed color description : Bright blue.

The hexadecimal color #2cb5ed has RGB values of R:44, G:181, B:237 and CMYK values of C:0.81, M:0.24, Y:0, K:0.07. Its decimal value is 2930157.

Hex triplet	2cb5ed	`#2cb5ed`
RGB Decimal	44, 181, 237	`rgb(44,181,237)`
RGB Percent	17.3, 71, 92.9	`rgb(17.3%,71%,92.9%)`
CMYK	81, 24, 0, 7
HSL	197.4°, 84.3, 55.1	`hsl(197.4,84.3%,55.1%)`
HSV (or HSB)	197.4°, 81.4, 92.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	69.251, -16.594, -37.922
XYZ	32.845, 39.695, 86.047
xyY	0.207, 0.25, 39.695
CIE-LCH	69.251, 41.394, 246.367
CIE-LUV	69.251, -44.675, -58.789
Hunter-Lab	63.004, -17.202, -36.872
Binary	00101100, 10110101, 11101101

#2cb5ed
```
#2cb5ed rgb(44,181,237)
```
#ed642c
```
#ed642c rgb(237,100,44)
```

Complementary Color

#2cedc5
```
#2cedc5 rgb(44,237,197)
```
#2cb5ed
```
#2cb5ed rgb(44,181,237)
```
#2c55ed
```
#2c55ed rgb(44,85,237)
```

Analogous Color

#edc52c
```
#edc52c rgb(237,197,44)
```
#2cb5ed
```
#2cb5ed rgb(44,181,237)
```
#ed2c55
```
#ed2c55 rgb(237,44,85)
```

Split Complementary Color

#b5ed2c
```
#b5ed2c rgb(181,237,44)
```
#2cb5ed
```
#2cb5ed rgb(44,181,237)
```
#ed2cb5
```
#ed2cb5 rgb(237,44,181)
```

Triadic Color

#2ced64
```
#2ced64 rgb(44,237,100)
```
#2cb5ed
```
#2cb5ed rgb(44,181,237)
```
#ed2cb5
```
#ed2cb5 rgb(237,44,181)
```
#ed642c
```
#ed642c rgb(237,100,44)
```

Tetradic Color

#108abc
```
#108abc rgb(16,138,188)
```
#129cd4
```
#129cd4 rgb(18,156,212)
```
#15adeb
```
#15adeb rgb(21,173,235)
```
#2cb5ed
```
#2cb5ed rgb(44,181,237)
```
#43bdef
```
#43bdef rgb(67,189,239)
```
#5bc5f1
```
#5bc5f1 rgb(91,197,241)
```
#72cef3
```
#72cef3 rgb(114,206,243)
```

Monochromatic Color

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

#2ce5ed
```
#2ce5ed rgb(44,229,237)
```
#2cd5ed
```
#2cd5ed rgb(44,213,237)
```
#2cc5ed
```
#2cc5ed rgb(44,197,237)
```
#2cb5ed
```
#2cb5ed rgb(44,181,237)
```
#2ca5ed
```
#2ca5ed rgb(44,165,237)
```
#2c95ed
```
#2c95ed rgb(44,149,237)
```
#2c85ed
```
#2c85ed rgb(44,133,237)
```

Similar Colors

Text with hexadecimal color #2cb5ed

This text has a font color of #2cb5ed.

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

#2cb5ed background color

This paragraph has a background color of #2cb5ed.

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

#2cb5ed border color

This element has a border color of #2cb5ed.

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

CSS codes

.text {color:#2cb5ed;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#021218
```
#021218 rgb(2,18,24)
```
#041f2a
```
#041f2a rgb(4,31,42)
```
#052c3c
```
#052c3c rgb(5,44,60)
```
#07394e
```
#07394e rgb(7,57,78)
```
#084760
```
#084760 rgb(8,71,96)
```
#0a5472
```
#0a5472 rgb(10,84,114)
```
#0b6184
```
#0b6184 rgb(11,97,132)
```
#0d6f96
```
#0d6f96 rgb(13,111,150)
```
#0e7ca9
```
#0e7ca9 rgb(14,124,169)
```
#1089bb
```
#1089bb rgb(16,137,187)
```
#1196cd
```
#1196cd rgb(17,150,205)
```
#13a4df
```
#13a4df rgb(19,164,223)
```

Shade Color Variation

#1aafeb
```
#1aafeb rgb(26,175,235)
```
#2cb5ed
```
#2cb5ed rgb(44,181,237)
```
#3ebbef
```
#3ebbef rgb(62,187,239)
```
#50c2f0
```
#50c2f0 rgb(80,194,240)
```
#62c8f2
```
#62c8f2 rgb(98,200,242)
```
#74cef3
```
#74cef3 rgb(116,206,243)
```
#86d5f5
```
#86d5f5 rgb(134,213,245)
```
#98dbf6
```
#98dbf6 rgb(152,219,246)
```
#abe1f8
```
#abe1f8 rgb(171,225,248)
```
#bde8f9
```
#bde8f9 rgb(189,232,249)
```
#cfeefb
```
#cfeefb rgb(207,238,251)
```
#e1f4fc
```
#e1f4fc rgb(225,244,252)
```
#f3fbfe
```
#f3fbfe rgb(243,251,254)
```

Tint Color Variation

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

#849095
```
#849095 rgb(132,144,149)
```
#7b949e
```
#7b949e rgb(123,148,158)
```
#7297a7
```
#7297a7 rgb(114,151,167)
```
#6a9baf
```
#6a9baf rgb(106,155,175)
```
#619fb8
```
#619fb8 rgb(97,159,184)
```
#58a3c1
```
#58a3c1 rgb(88,163,193)
```
#4fa6ca
```
#4fa6ca rgb(79,166,202)
```
#46aad3
```
#46aad3 rgb(70,170,211)
```
#3eaedb
```
#3eaedb rgb(62,174,219)
```
#35b1e4
```
#35b1e4 rgb(53,177,228)
```
#2cb5ed
```
#2cb5ed rgb(44,181,237)
```
#23b9f6
```
#23b9f6 rgb(35,185,246)
```
#1abcff
```
#1abcff rgb(26,188,255)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7e99a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9babe4 Protanopia 1% of men
#8facf3 Deuteranopia 1% of men
#00becb Tritanopia 0.001% of the population

Trichromacy

#73aee7 Protanomaly 1% of men, 0.01% of women
#6baff0 Deuteranomaly 6% of men, 0.4% of women
#10bad7 Tritanomaly 0.01% of the population

#2cb5ed hex color

#2cb5ed Color Information

#2cb5ed Color Conversion

Color Schemes with #2cb5ed

Alternatives to #2cb5ed

#2cb5ed Preview

Shades and Tints of #2cb5ed

Tones of #2cb5ed

Color Blindness Simulator