#2cabed hex color

In a RGB color space, hex #2cabed is composed of 17.3% red, 67.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 27.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 200.5 degrees, a saturation of 84.3% and a lightness of 55.1%. #2cabed color hex could be obtained by blending #58ffff with #0057db. Closest websafe color is: #3399ff.

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

● #2cabed color description : Bright blue.

The hexadecimal color #2cabed has RGB values of R:44, G:171, B:237 and CMYK values of C:0.81, M:0.28, Y:0, K:0.07. Its decimal value is 2927597.

Hex triplet	2cabed	`#2cabed`
RGB Decimal	44, 171, 237	`rgb(44,171,237)`
RGB Percent	17.3, 67.1, 92.9	`rgb(17.3%,67.1%,92.9%)`
CMYK	81, 28, 0, 7
HSL	200.5°, 84.3, 55.1	`hsl(200.5,84.3%,55.1%)`
HSV (or HSB)	200.5°, 81.4, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.346, -11.197, -42.462
XYZ	30.884, 35.773, 85.393
xyY	0.203, 0.235, 35.773
CIE-LCH	66.346, 43.914, 255.228
CIE-LUV	66.346, -41.276, -66.801
Hunter-Lab	59.81, -12.498, -42.783
Binary	00101100, 10101011, 11101101

#2cabed
```
#2cabed rgb(44,171,237)
```
#ed6e2c
```
#ed6e2c rgb(237,110,44)
```

Complementary Color

#2cedcf
```
#2cedcf rgb(44,237,207)
```
#2cabed
```
#2cabed rgb(44,171,237)
```
#2c4bed
```
#2c4bed rgb(44,75,237)
```

Analogous Color

#edcf2c
```
#edcf2c rgb(237,207,44)
```
#2cabed
```
#2cabed rgb(44,171,237)
```
#ed2c4b
```
#ed2c4b rgb(237,44,75)
```

Split Complementary Color

#abed2c
```
#abed2c rgb(171,237,44)
```
#2cabed
```
#2cabed rgb(44,171,237)
```
#ed2cab
```
#ed2cab rgb(237,44,171)
```

Triadic Color

#2ced6e
```
#2ced6e rgb(44,237,110)
```
#2cabed
```
#2cabed rgb(44,171,237)
```
#ed2cab
```
#ed2cab rgb(237,44,171)
```
#ed6e2c
```
#ed6e2c rgb(237,110,44)
```

Tetradic Color

#1081bc
```
#1081bc rgb(16,129,188)
```
#1292d4
```
#1292d4 rgb(18,146,212)
```
#15a2eb
```
#15a2eb rgb(21,162,235)
```
#2cabed
```
#2cabed rgb(44,171,237)
```
#43b4ef
```
#43b4ef rgb(67,180,239)
```
#5bbef1
```
#5bbef1 rgb(91,190,241)
```
#72c7f3
```
#72c7f3 rgb(114,199,243)
```

Monochromatic Color

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

#2cdbed
```
#2cdbed rgb(44,219,237)
```
#2ccbed
```
#2ccbed rgb(44,203,237)
```
#2cbbed
```
#2cbbed rgb(44,187,237)
```
#2cabed
```
#2cabed rgb(44,171,237)
```
#2c9bed
```
#2c9bed rgb(44,155,237)
```
#2c8bed
```
#2c8bed rgb(44,139,237)
```
#2c7bed
```
#2c7bed rgb(44,123,237)
```

Similar Colors

Text with hexadecimal color #2cabed

This text has a font color of #2cabed.

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

#2cabed background color

This paragraph has a background color of #2cabed.

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

#2cabed border color

This element has a border color of #2cabed.

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

CSS codes

.text {color:#2cabed;}

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

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

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 #f3fafe is the lightest one.

#010406
```
#010406 rgb(1,4,6)
```
#021018
```
#021018 rgb(2,16,24)
```
#041d2a
```
#041d2a rgb(4,29,42)
```
#05293c
```
#05293c rgb(5,41,60)
```
#07364e
```
#07364e rgb(7,54,78)
```
#084260
```
#084260 rgb(8,66,96)
```
#0a4f72
```
#0a4f72 rgb(10,79,114)
```
#0b5b84
```
#0b5b84 rgb(11,91,132)
```
#0d6796
```
#0d6796 rgb(13,103,150)
```
#0e74a9
```
#0e74a9 rgb(14,116,169)
```
#1080bb
```
#1080bb rgb(16,128,187)
```
#118dcd
```
#118dcd rgb(17,141,205)
```
#1399df
```
#1399df rgb(19,153,223)
```

Shade Color Variation

#1aa4eb
```
#1aa4eb rgb(26,164,235)
```
#2cabed
```
#2cabed rgb(44,171,237)
```
#3eb2ef
```
#3eb2ef rgb(62,178,239)
```
#50b9f0
```
#50b9f0 rgb(80,185,240)
```
#62c1f2
```
#62c1f2 rgb(98,193,242)
```
#74c8f3
```
#74c8f3 rgb(116,200,243)
```
#86cff5
```
#86cff5 rgb(134,207,245)
```
#98d6f6
```
#98d6f6 rgb(152,214,246)
```
#abddf8
```
#abddf8 rgb(171,221,248)
```
#bde5f9
```
#bde5f9 rgb(189,229,249)
```
#cfecfb
```
#cfecfb rgb(207,236,251)
```
#e1f3fc
```
#e1f3fc rgb(225,243,252)
```
#f3fafe
```
#f3fafe rgb(243,250,254)
```

Tint Color Variation

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

#848f95
```
#848f95 rgb(132,143,149)
```
#7b929e
```
#7b929e rgb(123,146,158)
```
#7295a7
```
#7295a7 rgb(114,149,167)
```
#6a98af
```
#6a98af rgb(106,152,175)
```
#619ab8
```
#619ab8 rgb(97,154,184)
```
#589dc1
```
#589dc1 rgb(88,157,193)
```
#4fa0ca
```
#4fa0ca rgb(79,160,202)
```
#46a3d3
```
#46a3d3 rgb(70,163,211)
```
#3ea5db
```
#3ea5db rgb(62,165,219)
```
#35a8e4
```
#35a8e4 rgb(53,168,228)
```
#2cabed
```
#2cabed rgb(44,171,237)
```
#23aef6
```
#23aef6 rgb(35,174,246)
```
#1ab1ff
```
#1ab1ff rgb(26,177,255)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7a93a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa3e5 Protanopia 1% of men
#7fa5f1 Deuteranopia 1% of men
#00b6c2 Tritanopia 0.001% of the population

Trichromacy

#6ba6e8 Protanomaly 1% of men, 0.01% of women
#60a7f0 Deuteranomaly 6% of men, 0.4% of women
#10b2d2 Tritanomaly 0.01% of the population

#2cabed hex color

#2cabed Color Information

#2cabed Color Conversion

Color Schemes with #2cabed

Alternatives to #2cabed

#2cabed Preview

Shades and Tints of #2cabed

Tones of #2cabed

Color Blindness Simulator