#2ab1ce hex color

In a RGB color space, hex #2ab1ce is composed of 16.5% red, 69.4% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 14.1% magenta, 0% yellow and 19.2% black. It has a hue angle of 190.6 degrees, a saturation of 66.1% and a lightness of 48.6%. #2ab1ce color hex could be obtained by blending #54ffff with #00639d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 69
- B 81
RGB color chart
- C 80
- M 14
- Y 0
- K 19
CMYK color chart

● #2ab1ce color description : Strong cyan.

The hexadecimal color #2ab1ce has RGB values of R:42, G:177, B:206 and CMYK values of C:0.8, M:0.14, Y:0, K:0.19. Its decimal value is 2798030.

Hex triplet	2ab1ce	`#2ab1ce`
RGB Decimal	42, 177, 206	`rgb(42,177,206)`
RGB Percent	16.5, 69.4, 80.8	`rgb(16.5%,69.4%,80.8%)`
CMYK	80, 14, 0, 19
HSL	190.6°, 66.1, 48.6	`hsl(190.6,66.1%,48.6%)`
HSV (or HSB)	190.6°, 79.6, 80.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.817, -25.013, -24.7
XYZ	27.814, 36.39, 63.947
xyY	0.217, 0.284, 36.39
CIE-LCH	66.817, 35.154, 224.639
CIE-LUV	66.817, -45.604, -35.18
Hunter-Lab	60.324, -23.264, -20.624
Binary	00101010, 10110001, 11001110

#2ab1ce
```
#2ab1ce rgb(42,177,206)
```
#ce472a
```
#ce472a rgb(206,71,42)
```

Complementary Color

#2ace99
```
#2ace99 rgb(42,206,153)
```
#2ab1ce
```
#2ab1ce rgb(42,177,206)
```
#2a5fce
```
#2a5fce rgb(42,95,206)
```

Analogous Color

#ce992a
```
#ce992a rgb(206,153,42)
```
#2ab1ce
```
#2ab1ce rgb(42,177,206)
```
#ce2a5f
```
#ce2a5f rgb(206,42,95)
```

Split Complementary Color

#b1ce2a
```
#b1ce2a rgb(177,206,42)
```
#2ab1ce
```
#2ab1ce rgb(42,177,206)
```
#ce2ab1
```
#ce2ab1 rgb(206,42,177)
```

Triadic Color

#2ace47
```
#2ace47 rgb(42,206,71)
```
#2ab1ce
```
#2ab1ce rgb(42,177,206)
```
#ce2ab1
```
#ce2ab1 rgb(206,42,177)
```
#ce472a
```
#ce472a rgb(206,71,42)
```

Tetradic Color

#1d7a8e
```
#1d7a8e rgb(29,122,142)
```
#218da4
```
#218da4 rgb(33,141,164)
```
#269fb9
```
#269fb9 rgb(38,159,185)
```
#2ab1ce
```
#2ab1ce rgb(42,177,206)
```
#3bbbd7
```
#3bbbd7 rgb(59,187,215)
```
#50c3db
```
#50c3db rgb(80,195,219)
```
#65cae0
```
#65cae0 rgb(101,202,224)
```

Monochromatic Color

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

#2acec2
```
#2acec2 rgb(42,206,194)
```
#2accce
```
#2accce rgb(42,204,206)
```
#2abfce
```
#2abfce rgb(42,191,206)
```
#2ab1ce
```
#2ab1ce rgb(42,177,206)
```
#2aa3ce
```
#2aa3ce rgb(42,163,206)
```
#2a96ce
```
#2a96ce rgb(42,150,206)
```
#2a88ce
```
#2a88ce rgb(42,136,206)
```

Similar Colors

Text with hexadecimal color #2ab1ce

This text has a font color of #2ab1ce.

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

#2ab1ce background color

This paragraph has a background color of #2ab1ce.

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

#2ab1ce border color

This element has a border color of #2ab1ce.

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

CSS codes

.text {color:#2ab1ce;}

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

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

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, #02090a is the darkest color, while #f9fdfe is the lightest one.

#02090a
```
#02090a rgb(2,9,10)
```
#05171b
```
#05171b rgb(5,23,27)
```
#09252b
```
#09252b rgb(9,37,43)
```
#0c333b
```
#0c333b rgb(12,51,59)
```
#0f414c
```
#0f414c rgb(15,65,76)
```
#134f5c
```
#134f5c rgb(19,79,92)
```
#165d6c
```
#165d6c rgb(22,93,108)
```
#196b7d
```
#196b7d rgb(25,107,125)
```
#1d798d
```
#1d798d rgb(29,121,141)
```
#20879d
```
#20879d rgb(32,135,157)
```
#2395ad
```
#2395ad rgb(35,149,173)
```
#27a3be
```
#27a3be rgb(39,163,190)
```
#2ab1ce
```
#2ab1ce rgb(42,177,206)
```

Shade Color Variation

#36bad6
```
#36bad6 rgb(54,186,214)
```
#46bfd9
```
#46bfd9 rgb(70,191,217)
```
#56c5dd
```
#56c5dd rgb(86,197,221)
```
#67cae0
```
#67cae0 rgb(103,202,224)
```
#77d0e3
```
#77d0e3 rgb(119,208,227)
```
#87d6e7
```
#87d6e7 rgb(135,214,231)
```
#97dbea
```
#97dbea rgb(151,219,234)
```
#a8e1ed
```
#a8e1ed rgb(168,225,237)
```
#b8e7f1
```
#b8e7f1 rgb(184,231,241)
```
#c8ecf4
```
#c8ecf4 rgb(200,236,244)
```
#d9f2f7
```
#d9f2f7 rgb(217,242,247)
```
#e9f7fa
```
#e9f7fa rgb(233,247,250)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#768082
```
#768082 rgb(118,128,130)
```
#6d868b
```
#6d868b rgb(109,134,139)
```
#638c95
```
#638c95 rgb(99,140,149)
```
#5a929e
```
#5a929e rgb(90,146,158)
```
#5098a8
```
#5098a8 rgb(80,152,168)
```
#479fb1
```
#479fb1 rgb(71,159,177)
```
#3da5bb
```
#3da5bb rgb(61,165,187)
```
#34abc4
```
#34abc4 rgb(52,171,196)
```
#2ab1ce
```
#2ab1ce rgb(42,177,206)
```
#20b7d8
```
#20b7d8 rgb(32,183,216)
```
#17bde1
```
#17bde1 rgb(23,189,225)
```
#0dc3eb
```
#0dc3eb rgb(13,195,235)
```
#04caf4
```
#04caf4 rgb(4,202,244)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#789399 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa5c6 Protanopia 1% of men
#9ba4d6 Deuteranopia 1% of men
#23b7c4 Tritanopia 0.001% of the population

Trichromacy

#74a9c9 Protanomaly 1% of men, 0.01% of women
#72a9d3 Deuteranomaly 6% of men, 0.4% of women
#25b4c8 Tritanomaly 0.01% of the population

#2ab1ce hex color

#2ab1ce Color Information

#2ab1ce Color Conversion

Color Schemes with #2ab1ce

Alternatives to #2ab1ce

#2ab1ce Preview

Shades and Tints of #2ab1ce

Tones of #2ab1ce

Color Blindness Simulator