#2ab2ce hex color

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

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

● #2ab2ce color description : Strong cyan.

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

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

CIE-LAB	67.117, -25.518, -24.241
XYZ	28.013, 36.787, 64.013
xyY	0.217, 0.286, 36.787
CIE-LCH	67.117, 35.197, 223.53
CIE-LUV	67.117, -45.954, -34.372
Hunter-Lab	60.652, -23.699, -20.119
Binary	00101010, 10110010, 11001110

#2ab2ce
```
#2ab2ce rgb(42,178,206)
```
#ce462a
```
#ce462a rgb(206,70,42)
```

Complementary Color

#2ace98
```
#2ace98 rgb(42,206,152)
```
#2ab2ce
```
#2ab2ce rgb(42,178,206)
```
#2a60ce
```
#2a60ce rgb(42,96,206)
```

Analogous Color

#ce982a
```
#ce982a rgb(206,152,42)
```
#2ab2ce
```
#2ab2ce rgb(42,178,206)
```
#ce2a60
```
#ce2a60 rgb(206,42,96)
```

Split Complementary Color

#b2ce2a
```
#b2ce2a rgb(178,206,42)
```
#2ab2ce
```
#2ab2ce rgb(42,178,206)
```
#ce2ab2
```
#ce2ab2 rgb(206,42,178)
```

Triadic Color

#2ace46
```
#2ace46 rgb(42,206,70)
```
#2ab2ce
```
#2ab2ce rgb(42,178,206)
```
#ce2ab2
```
#ce2ab2 rgb(206,42,178)
```
#ce462a
```
#ce462a rgb(206,70,42)
```

Tetradic Color

#1d7b8e
```
#1d7b8e rgb(29,123,142)
```
#218da4
```
#218da4 rgb(33,141,164)
```
#26a0b9
```
#26a0b9 rgb(38,160,185)
```
#2ab2ce
```
#2ab2ce rgb(42,178,206)
```
#3bbcd7
```
#3bbcd7 rgb(59,188,215)
```
#50c3db
```
#50c3db rgb(80,195,219)
```
#65cbe0
```
#65cbe0 rgb(101,203,224)
```

Monochromatic Color

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

#2acec1
```
#2acec1 rgb(42,206,193)
```
#2acdce
```
#2acdce rgb(42,205,206)
```
#2ac0ce
```
#2ac0ce rgb(42,192,206)
```
#2ab2ce
```
#2ab2ce rgb(42,178,206)
```
#2aa4ce
```
#2aa4ce rgb(42,164,206)
```
#2a97ce
```
#2a97ce rgb(42,151,206)
```
#2a89ce
```
#2a89ce rgb(42,137,206)
```

Similar Colors

Text with hexadecimal color #2ab2ce

This text has a font color of #2ab2ce.

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

#2ab2ce background color

This paragraph has a background color of #2ab2ce.

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

#2ab2ce border color

This element has a border color of #2ab2ce.

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

CSS codes

.text {color:#2ab2ce;}

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

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

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)
```
#165e6c
```
#165e6c rgb(22,94,108)
```
#196c7d
```
#196c7d rgb(25,108,125)
```
#1d7a8d
```
#1d7a8d rgb(29,122,141)
```
#20889d
```
#20889d rgb(32,136,157)
```
#2396ad
```
#2396ad rgb(35,150,173)
```
#27a4be
```
#27a4be rgb(39,164,190)
```
#2ab2ce
```
#2ab2ce rgb(42,178,206)
```

Shade Color Variation

#36bbd6
```
#36bbd6 rgb(54,187,214)
```
#46c0d9
```
#46c0d9 rgb(70,192,217)
```
#56c6dd
```
#56c6dd rgb(86,198,221)
```
#67cbe0
```
#67cbe0 rgb(103,203,224)
```
#77d1e3
```
#77d1e3 rgb(119,209,227)
```
#87d6e7
```
#87d6e7 rgb(135,214,231)
```
#97dcea
```
#97dcea rgb(151,220,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 #04cbf4 is the most saturated one.

#768082
```
#768082 rgb(118,128,130)
```
#6d868b
```
#6d868b rgb(109,134,139)
```
#638c95
```
#638c95 rgb(99,140,149)
```
#5a939e
```
#5a939e rgb(90,147,158)
```
#5099a8
```
#5099a8 rgb(80,153,168)
```
#479fb1
```
#479fb1 rgb(71,159,177)
```
#3da5bb
```
#3da5bb rgb(61,165,187)
```
#34acc4
```
#34acc4 rgb(52,172,196)
```
#2ab2ce
```
#2ab2ce rgb(42,178,206)
```
#20b8d8
```
#20b8d8 rgb(32,184,216)
```
#17bfe1
```
#17bfe1 rgb(23,191,225)
```
#0dc5eb
```
#0dc5eb rgb(13,197,235)
```
#04cbf4
```
#04cbf4 rgb(4,203,244)
```

Tone Color Variation

Below, you can see how #2ab2ce 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
#79949a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a6c6 Protanopia 1% of men
#9ca5d6 Deuteranopia 1% of men
#25b7c5 Tritanopia 0.001% of the population

Trichromacy

#75aac9 Protanomaly 1% of men, 0.01% of women
#73aad3 Deuteranomaly 6% of men, 0.4% of women
#26b5c8 Tritanomaly 0.01% of the population

#2ab2ce hex color

#2ab2ce Color Information

#2ab2ce Color Conversion

Color Schemes with #2ab2ce

Alternatives to #2ab2ce

#2ab2ce Preview

Shades and Tints of #2ab2ce

Tones of #2ab2ce

Color Blindness Simulator