#2abbd1 hex color

In a RGB color space, hex #2abbd1 is composed of 16.5% red, 73.3% green and 82% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 10.5% magenta, 0% yellow and 18% black. It has a hue angle of 187.9 degrees, a saturation of 66.5% and a lightness of 49.2%. #2abbd1 color hex could be obtained by blending #54ffff with #0077a3. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 16
- G 73
- B 82
RGB color chart
- C 80
- M 11
- Y 0
- K 18
CMYK color chart

● #2abbd1 color description : Strong cyan.

The hexadecimal color #2abbd1 has RGB values of R:42, G:187, B:209 and CMYK values of C:0.8, M:0.11, Y:0, K:0.18. Its decimal value is 2800593.

Hex triplet	2abbd1	`#2abbd1`
RGB Decimal	42, 187, 209	`rgb(42,187,209)`
RGB Percent	16.5, 73.3, 82	`rgb(16.5%,73.3%,82%)`
CMYK	80, 11, 0, 18
HSL	187.9°, 66.5, 49.2	`hsl(187.9,66.5%,49.2%)`
HSV (or HSB)	187.9°, 79.9, 82
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.918, -29.036, -21.61
XYZ	30.231, 40.633, 66.568
xyY	0.22, 0.296, 40.633
CIE-LCH	69.918, 36.195, 216.659
CIE-LUV	69.918, -48.89, -29.709
Hunter-Lab	63.744, -26.9, -17.295
Binary	00101010, 10111011, 11010001

#2abbd1
```
#2abbd1 rgb(42,187,209)
```
#d1402a
```
#d1402a rgb(209,64,42)
```

Complementary Color

#2ad194
```
#2ad194 rgb(42,209,148)
```
#2abbd1
```
#2abbd1 rgb(42,187,209)
```
#2a68d1
```
#2a68d1 rgb(42,104,209)
```

Analogous Color

#d1942a
```
#d1942a rgb(209,148,42)
```
#2abbd1
```
#2abbd1 rgb(42,187,209)
```
#d12a68
```
#d12a68 rgb(209,42,104)
```

Split Complementary Color

#bbd12a
```
#bbd12a rgb(187,209,42)
```
#2abbd1
```
#2abbd1 rgb(42,187,209)
```
#d12abb
```
#d12abb rgb(209,42,187)
```

Triadic Color

#2ad140
```
#2ad140 rgb(42,209,64)
```
#2abbd1
```
#2abbd1 rgb(42,187,209)
```
#d12abb
```
#d12abb rgb(209,42,187)
```
#d1402a
```
#d1402a rgb(209,64,42)
```

Tetradic Color

#1d8291
```
#1d8291 rgb(29,130,145)
```
#2195a7
```
#2195a7 rgb(33,149,167)
```
#26a8bc
```
#26a8bc rgb(38,168,188)
```
#2abbd1
```
#2abbd1 rgb(42,187,209)
```
#3dc3d8
```
#3dc3d8 rgb(61,195,216)
```
#52cadc
```
#52cadc rgb(82,202,220)
```
#67d0e0
```
#67d0e0 rgb(103,208,224)
```

Monochromatic Color

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

#2ad1bd
```
#2ad1bd rgb(42,209,189)
```
#2ad1cb
```
#2ad1cb rgb(42,209,203)
```
#2ac9d1
```
#2ac9d1 rgb(42,201,209)
```
#2abbd1
```
#2abbd1 rgb(42,187,209)
```
#2aadd1
```
#2aadd1 rgb(42,173,209)
```
#2a9fd1
```
#2a9fd1 rgb(42,159,209)
```
#2a91d1
```
#2a91d1 rgb(42,145,209)
```

Similar Colors

Text with hexadecimal color #2abbd1

This text has a font color of #2abbd1.

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

#2abbd1 background color

This paragraph has a background color of #2abbd1.

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

#2abbd1 border color

This element has a border color of #2abbd1.

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

CSS codes

.text {color:#2abbd1;}

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

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

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

#030c0d
```
#030c0d rgb(3,12,13)
```
#061a1d
```
#061a1d rgb(6,26,29)
```
#09292e
```
#09292e rgb(9,41,46)
```
#0c373e
```
#0c373e rgb(12,55,62)
```
#10464e
```
#10464e rgb(16,70,78)
```
#13555f
```
#13555f rgb(19,85,95)
```
#16636f
```
#16636f rgb(22,99,111)
```
#1a727f
```
#1a727f rgb(26,114,127)
```
#1d8190
```
#1d8190 rgb(29,129,144)
```
#208fa0
```
#208fa0 rgb(32,143,160)
```
#239eb0
```
#239eb0 rgb(35,158,176)
```
#27acc1
```
#27acc1 rgb(39,172,193)
```
#2abbd1
```
#2abbd1 rgb(42,187,209)
```

Shade Color Variation

#38c2d7
```
#38c2d7 rgb(56,194,215)
```
#48c7da
```
#48c7da rgb(72,199,218)
```
#58ccde
```
#58ccde rgb(88,204,222)
```
#69d1e1
```
#69d1e1 rgb(105,209,225)
```
#79d6e4
```
#79d6e4 rgb(121,214,228)
```
#89dbe7
```
#89dbe7 rgb(137,219,231)
```
#9ae0eb
```
#9ae0eb rgb(154,224,235)
```
#aae5ee
```
#aae5ee rgb(170,229,238)
```
#baeaf1
```
#baeaf1 rgb(186,234,241)
```
#cbeff4
```
#cbeff4 rgb(203,239,244)
```
#dbf4f8
```
#dbf4f8 rgb(219,244,248)
```
#ebf9fb
```
#ebf9fb rgb(235,249,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#778284
```
#778284 rgb(119,130,132)
```
#6e898d
```
#6e898d rgb(110,137,141)
```
#649097
```
#649097 rgb(100,144,151)
```
#5a97a1
```
#5a97a1 rgb(90,151,161)
```
#519faa
```
#519faa rgb(81,159,170)
```
#47a6b4
```
#47a6b4 rgb(71,166,180)
```
#3dadbe
```
#3dadbe rgb(61,173,190)
```
#34b4c7
```
#34b4c7 rgb(52,180,199)
```
#2abbd1
```
#2abbd1 rgb(42,187,209)
```
#20c2db
```
#20c2db rgb(32,194,219)
```
#17c9e4
```
#17c9e4 rgb(23,201,228)
```
#0dd0ee
```
#0dd0ee rgb(13,208,238)
```
#03d7f8
```
#03d7f8 rgb(3,215,248)
```

Tone Color Variation

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

Dichromacy

#a9adc9 Protanopia 1% of men
#a7acda Deuteranopia 1% of men
#2dbfcd Tritanopia 0.001% of the population

Trichromacy

#7bb2cc Protanomaly 1% of men, 0.01% of women
#79b1d6 Deuteranomaly 6% of men, 0.4% of women
#2cbdce Tritanomaly 0.01% of the population

#2abbd1 hex color

#2abbd1 Color Information

#2abbd1 Color Conversion

Color Schemes with #2abbd1

Alternatives to #2abbd1

#2abbd1 Preview

Shades and Tints of #2abbd1

Tones of #2abbd1

Color Blindness Simulator