#2abdd7 hex color

In a RGB color space, hex #2abdd7 is composed of 16.5% red, 74.1% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 12.1% magenta, 0% yellow and 15.7% black. It has a hue angle of 189 degrees, a saturation of 68.4% and a lightness of 50.4%. #2abdd7 color hex could be obtained by blending #54ffff with #007baf. Closest websafe color is: #33cccc.

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

● #2abdd7 color description : Strong cyan.

The hexadecimal color #2abdd7 has RGB values of R:42, G:189, B:215 and CMYK values of C:0.8, M:0.12, Y:0, K:0.16. Its decimal value is 2801111.

Hex triplet	2abdd7	`#2abdd7`
RGB Decimal	42, 189, 215	`rgb(42,189,215)`
RGB Percent	16.5, 74.1, 84.3	`rgb(16.5%,74.1%,84.3%)`
CMYK	80, 12, 0, 16
HSL	189°, 68.4, 50.4	`hsl(189,68.4%,50.4%)`
HSV (or HSB)	189°, 80.5, 84.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.726, -28.119, -23.657
XYZ	31.415, 41.791, 70.697
xyY	0.218, 0.29, 41.791
CIE-LCH	70.726, 36.747, 220.074
CIE-LUV	70.726, -49.158, -33.284
Hunter-Lab	64.646, -26.388, -19.588
Binary	00101010, 10111101, 11010111

#2abdd7
```
#2abdd7 rgb(42,189,215)
```
#d7442a
```
#d7442a rgb(215,68,42)
```

Complementary Color

#2ad79b
```
#2ad79b rgb(42,215,155)
```
#2abdd7
```
#2abdd7 rgb(42,189,215)
```
#2a67d7
```
#2a67d7 rgb(42,103,215)
```

Analogous Color

#d79b2a
```
#d79b2a rgb(215,155,42)
```
#2abdd7
```
#2abdd7 rgb(42,189,215)
```
#d72a67
```
#d72a67 rgb(215,42,103)
```

Split Complementary Color

#bdd72a
```
#bdd72a rgb(189,215,42)
```
#2abdd7
```
#2abdd7 rgb(42,189,215)
```
#d72abd
```
#d72abd rgb(215,42,189)
```

Triadic Color

#2ad744
```
#2ad744 rgb(42,215,68)
```
#2abdd7
```
#2abdd7 rgb(42,189,215)
```
#d72abd
```
#d72abd rgb(215,42,189)
```
#d7442a
```
#d7442a rgb(215,68,42)
```

Tetradic Color

#1d8598
```
#1d8598 rgb(29,133,152)
```
#2198ad
```
#2198ad rgb(33,152,173)
```
#25abc3
```
#25abc3 rgb(37,171,195)
```
#2abdd7
```
#2abdd7 rgb(42,189,215)
```
#3fc4db
```
#3fc4db rgb(63,196,219)
```
#55cadf
```
#55cadf rgb(85,202,223)
```
#6ad1e3
```
#6ad1e3 rgb(106,209,227)
```

Monochromatic Color

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

#2ad7c6
```
#2ad7c6 rgb(42,215,198)
```
#2ad7d4
```
#2ad7d4 rgb(42,215,212)
```
#2acbd7
```
#2acbd7 rgb(42,203,215)
```
#2abdd7
```
#2abdd7 rgb(42,189,215)
```
#2aafd7
```
#2aafd7 rgb(42,175,215)
```
#2aa0d7
```
#2aa0d7 rgb(42,160,215)
```
#2a92d7
```
#2a92d7 rgb(42,146,215)
```

Similar Colors

Text with hexadecimal color #2abdd7

This text has a font color of #2abdd7.

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

#2abdd7 background color

This paragraph has a background color of #2abdd7.

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

#2abdd7 border color

This element has a border color of #2abdd7.

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

CSS codes

.text {color:#2abdd7;}

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

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

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, #000102 is the darkest color, while #f0fafc is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#031012
```
#031012 rgb(3,16,18)
```
#071e23
```
#071e23 rgb(7,30,35)
```
#0a2d33
```
#0a2d33 rgb(10,45,51)
```
#0d3b44
```
#0d3b44 rgb(13,59,68)
```
#104a54
```
#104a54 rgb(16,74,84)
```
#135865
```
#135865 rgb(19,88,101)
```
#166775
```
#166775 rgb(22,103,117)
```
#197586
```
#197586 rgb(25,117,134)
```
#1c8496
```
#1c8496 rgb(28,132,150)
```
#1f92a7
```
#1f92a7 rgb(31,146,167)
```
#22a1b7
```
#22a1b7 rgb(34,161,183)
```
#26afc8
```
#26afc8 rgb(38,175,200)
```

Shade Color Variation

#2abdd7
```
#2abdd7 rgb(42,189,215)
```
#3bc2da
```
#3bc2da rgb(59,194,218)
```
#4bc7dd
```
#4bc7dd rgb(75,199,221)
```
#5ccce0
```
#5ccce0 rgb(92,204,224)
```
#6cd1e3
```
#6cd1e3 rgb(108,209,227)
```
#7dd7e7
```
#7dd7e7 rgb(125,215,231)
```
#8ddcea
```
#8ddcea rgb(141,220,234)
```
#9ee1ed
```
#9ee1ed rgb(158,225,237)
```
#aee6f0
```
#aee6f0 rgb(174,230,240)
```
#bfebf3
```
#bfebf3 rgb(191,235,243)
```
#cff0f6
```
#cff0f6 rgb(207,240,246)
```
#e0f5f9
```
#e0f5f9 rgb(224,245,249)
```
#f0fafc
```
#f0fafc rgb(240,250,252)
```

Tint Color Variation

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

#788789
```
#788789 rgb(120,135,137)
```
#6e8d93
```
#6e8d93 rgb(110,141,147)
```
#64949d
```
#64949d rgb(100,148,157)
```
#5b9ba6
```
#5b9ba6 rgb(91,155,166)
```
#51a2b0
```
#51a2b0 rgb(81,162,176)
```
#47a9ba
```
#47a9ba rgb(71,169,186)
```
#3dafc4
```
#3dafc4 rgb(61,175,196)
```
#34b6cd
```
#34b6cd rgb(52,182,205)
```
#2abdd7
```
#2abdd7 rgb(42,189,215)
```
#20c4e1
```
#20c4e1 rgb(32,196,225)
```
#17cbea
```
#17cbea rgb(23,203,234)
```
#0dd1f4
```
#0dd1f4 rgb(13,209,244)
```
#03d8fe
```
#03d8fe rgb(3,216,254)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#7f9ca1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaafce Protanopia 1% of men
#a7aee0 Deuteranopia 1% of men
#28c1d0 Tritanopia 0.001% of the population

Trichromacy

#7bb4d1 Protanomaly 1% of men, 0.01% of women
#79b3dc Deuteranomaly 6% of men, 0.4% of women
#28c0d2 Tritanomaly 0.01% of the population

#2abdd7 hex color

#2abdd7 Color Information

#2abdd7 Color Conversion

Color Schemes with #2abdd7

Alternatives to #2abdd7

#2abdd7 Preview

Shades and Tints of #2abdd7

Tones of #2abdd7

Color Blindness Simulator