#2ab1d5 hex color

In a RGB color space, hex #2ab1d5 is composed of 16.5% red, 69.4% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 16.9% magenta, 0% yellow and 16.5% black. It has a hue angle of 192.6 degrees, a saturation of 67.1% and a lightness of 50%. #2ab1d5 color hex could be obtained by blending #54ffff with #0063ab. Closest websafe color is: #3399cc.

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

● #2ab1d5 color description : Strong cyan.

The hexadecimal color #2ab1d5 has RGB values of R:42, G:177, B:213 and CMYK values of C:0.8, M:0.17, Y:0, K:0.16. Its decimal value is 2798037.

Hex triplet	2ab1d5	`#2ab1d5`
RGB Decimal	42, 177, 213	`rgb(42,177,213)`
RGB Percent	16.5, 69.4, 83.5	`rgb(16.5%,69.4%,83.5%)`
CMYK	80, 17, 0, 16
HSL	192.6°, 67.1, 50	`hsl(192.6,67.1%,50%)`
HSV (or HSB)	192.6°, 80.3, 83.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.08, -22.723, -28.153
XYZ	28.684, 36.738, 68.527
xyY	0.214, 0.274, 36.738
CIE-LCH	67.08, 36.179, 231.091
CIE-LUV	67.08, -45.121, -41.261
Hunter-Lab	60.612, -21.597, -24.604
Binary	00101010, 10110001, 11010101

#2ab1d5
```
#2ab1d5 rgb(42,177,213)
```
#d54e2a
```
#d54e2a rgb(213,78,42)
```

Complementary Color

#2ad5a4
```
#2ad5a4 rgb(42,213,164)
```
#2ab1d5
```
#2ab1d5 rgb(42,177,213)
```
#2a5cd5
```
#2a5cd5 rgb(42,92,213)
```

Analogous Color

#d5a42a
```
#d5a42a rgb(213,164,42)
```
#2ab1d5
```
#2ab1d5 rgb(42,177,213)
```
#d52a5b
```
#d52a5b rgb(213,42,91)
```

Split Complementary Color

#b1d52a
```
#b1d52a rgb(177,213,42)
```
#2ab1d5
```
#2ab1d5 rgb(42,177,213)
```
#d52ab1
```
#d52ab1 rgb(213,42,177)
```

Triadic Color

#2ad54e
```
#2ad54e rgb(42,213,78)
```
#2ab1d5
```
#2ab1d5 rgb(42,177,213)
```
#d52ab1
```
#d52ab1 rgb(213,42,177)
```
#d54e2a
```
#d54e2a rgb(213,78,42)
```

Tetradic Color

#1d7c95
```
#1d7c95 rgb(29,124,149)
```
#228eaa
```
#228eaa rgb(34,142,170)
```
#269fc0
```
#269fc0 rgb(38,159,192)
```
#2ab1d5
```
#2ab1d5 rgb(42,177,213)
```
#3fb9d9
```
#3fb9d9 rgb(63,185,217)
```
#55c1dd
```
#55c1dd rgb(85,193,221)
```
#6ac8e2
```
#6ac8e2 rgb(106,200,226)
```

Monochromatic Color

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

#2ad5ce
```
#2ad5ce rgb(42,213,206)
```
#2aced5
```
#2aced5 rgb(42,206,213)
```
#2abfd5
```
#2abfd5 rgb(42,191,213)
```
#2ab1d5
```
#2ab1d5 rgb(42,177,213)
```
#2aa3d5
```
#2aa3d5 rgb(42,163,213)
```
#2a95d5
```
#2a95d5 rgb(42,149,213)
```
#2a86d5
```
#2a86d5 rgb(42,134,213)
```

Similar Colors

Text with hexadecimal color #2ab1d5

This text has a font color of #2ab1d5.

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

#2ab1d5 background color

This paragraph has a background color of #2ab1d5.

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

#2ab1d5 border color

This element has a border color of #2ab1d5.

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

CSS codes

.text {color:#2ab1d5;}

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

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

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, #030e10 is the darkest color, while #ffffff is the lightest one.

#030e10
```
#030e10 rgb(3,14,16)
```
#061b21
```
#061b21 rgb(6,27,33)
```
#0a2931
```
#0a2931 rgb(10,41,49)
```
#0d3642
```
#0d3642 rgb(13,54,66)
```
#104452
```
#104452 rgb(16,68,82)
```
#135262
```
#135262 rgb(19,82,98)
```
#175f73
```
#175f73 rgb(23,95,115)
```
#1a6d83
```
#1a6d83 rgb(26,109,131)
```
#1d7b93
```
#1d7b93 rgb(29,123,147)
```
#2088a4
```
#2088a4 rgb(32,136,164)
```
#2496b4
```
#2496b4 rgb(36,150,180)
```
#27a3c5
```
#27a3c5 rgb(39,163,197)
```
#2ab1d5
```
#2ab1d5 rgb(42,177,213)
```

Shade Color Variation

#3ab7d8
```
#3ab7d8 rgb(58,183,216)
```
#4bbddb
```
#4bbddb rgb(75,189,219)
```
#5bc3df
```
#5bc3df rgb(91,195,223)
```
#6cc9e2
```
#6cc9e2 rgb(108,201,226)
```
#7ccfe5
```
#7ccfe5 rgb(124,207,229)
```
#8cd5e8
```
#8cd5e8 rgb(140,213,232)
```
#9ddbec
```
#9ddbec rgb(157,219,236)
```
#ade1ef
```
#ade1ef rgb(173,225,239)
```
#bde7f2
```
#bde7f2 rgb(189,231,242)
```
#ceedf5
```
#ceedf5 rgb(206,237,245)
```
#def3f9
```
#def3f9 rgb(222,243,249)
```
#eff9fc
```
#eff9fc rgb(239,249,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#788487
```
#788487 rgb(120,132,135)
```
#6f8990
```
#6f8990 rgb(111,137,144)
```
#658f9a
```
#658f9a rgb(101,143,154)
```
#5b95a4
```
#5b95a4 rgb(91,149,164)
```
#519aae
```
#519aae rgb(81,154,174)
```
#47a0b8
```
#47a0b8 rgb(71,160,184)
```
#3ea6c1
```
#3ea6c1 rgb(62,166,193)
```
#34abcb
```
#34abcb rgb(52,171,203)
```
#2ab1d5
```
#2ab1d5 rgb(42,177,213)
```
#20b7df
```
#20b7df rgb(32,183,223)
```
#16bce9
```
#16bce9 rgb(22,188,233)
```
#0dc2f2
```
#0dc2f2 rgb(13,194,242)
```
#03c8fc
```
#03c8fc rgb(3,200,252)
```

Tone Color Variation

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

Dichromacy

#9da6cd Protanopia 1% of men
#97a5dd Deuteranopia 1% of men
#11b8c5 Tritanopia 0.001% of the population

Trichromacy

#73aad0 Protanomaly 1% of men, 0.01% of women
#6fa9da Deuteranomaly 6% of men, 0.4% of women
#1ab5cb Tritanomaly 0.01% of the population

#2ab1d5 hex color

#2ab1d5 Color Information

#2ab1d5 Color Conversion

Color Schemes with #2ab1d5

Alternatives to #2ab1d5

#2ab1d5 Preview

Shades and Tints of #2ab1d5

Tones of #2ab1d5

Color Blindness Simulator