#2ab3d0 hex color

In a RGB color space, hex #2ab3d0 is composed of 16.5% red, 70.2% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 13.9% magenta, 0% yellow and 18.4% black. It has a hue angle of 190.5 degrees, a saturation of 66.4% and a lightness of 49%. #2ab3d0 color hex could be obtained by blending #54ffff with #0067a1. Closest websafe color is: #33cccc.

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

● #2ab3d0 color description : Strong cyan.

The hexadecimal color #2ab3d0 has RGB values of R:42, G:179, B:208 and CMYK values of C:0.8, M:0.14, Y:0, K:0.18. Its decimal value is 2798544.

Hex triplet	2ab3d0	`#2ab3d0`
RGB Decimal	42, 179, 208	`rgb(42,179,208)`
RGB Percent	16.5, 70.2, 81.6	`rgb(16.5%,70.2%,81.6%)`
CMYK	80, 14, 0, 18
HSL	190.5°, 66.4, 49	`hsl(190.5,66.4%,49%)`
HSV (or HSB)	190.5°, 79.8, 81.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.489, -25.376, -24.772
XYZ	28.457, 37.284, 65.368
xyY	0.217, 0.284, 37.284
CIE-LCH	67.489, 35.462, 224.31
CIE-LUV	67.489, -46.165, -35.299
Hunter-Lab	61.06, -23.667, -20.73
Binary	00101010, 10110011, 11010000

#2ab3d0
```
#2ab3d0 rgb(42,179,208)
```
#d0472a
```
#d0472a rgb(208,71,42)
```

Complementary Color

#2ad09a
```
#2ad09a rgb(42,208,154)
```
#2ab3d0
```
#2ab3d0 rgb(42,179,208)
```
#2a60d0
```
#2a60d0 rgb(42,96,208)
```

Analogous Color

#d09a2a
```
#d09a2a rgb(208,154,42)
```
#2ab3d0
```
#2ab3d0 rgb(42,179,208)
```
#d02a60
```
#d02a60 rgb(208,42,96)
```

Split Complementary Color

#b3d02a
```
#b3d02a rgb(179,208,42)
```
#2ab3d0
```
#2ab3d0 rgb(42,179,208)
```
#d02ab3
```
#d02ab3 rgb(208,42,179)
```

Triadic Color

#2ad047
```
#2ad047 rgb(42,208,71)
```
#2ab3d0
```
#2ab3d0 rgb(42,179,208)
```
#d02ab3
```
#d02ab3 rgb(208,42,179)
```
#d0472a
```
#d0472a rgb(208,71,42)
```

Tetradic Color

#1d7c90
```
#1d7c90 rgb(29,124,144)
```
#218ea6
```
#218ea6 rgb(33,142,166)
```
#26a1bb
```
#26a1bb rgb(38,161,187)
```
#2ab3d0
```
#2ab3d0 rgb(42,179,208)
```
#3cbcd8
```
#3cbcd8 rgb(60,188,216)
```
#51c4dc
```
#51c4dc rgb(81,196,220)
```
#66cbe0
```
#66cbe0 rgb(102,203,224)
```

Monochromatic Color

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

#2ad0c4
```
#2ad0c4 rgb(42,208,196)
```
#2acfd0
```
#2acfd0 rgb(42,207,208)
```
#2ac1d0
```
#2ac1d0 rgb(42,193,208)
```
#2ab3d0
```
#2ab3d0 rgb(42,179,208)
```
#2aa5d0
```
#2aa5d0 rgb(42,165,208)
```
#2a97d0
```
#2a97d0 rgb(42,151,208)
```
#2a8ad0
```
#2a8ad0 rgb(42,138,208)
```

Similar Colors

Text with hexadecimal color #2ab3d0

This text has a font color of #2ab3d0.

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

#2ab3d0 background color

This paragraph has a background color of #2ab3d0.

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

#2ab3d0 border color

This element has a border color of #2ab3d0.

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

CSS codes

.text {color:#2ab3d0;}

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

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

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, #020a0c is the darkest color, while #fbfefe is the lightest one.

#020a0c
```
#020a0c rgb(2,10,12)
```
#06191c
```
#06191c rgb(6,25,28)
```
#09272d
```
#09272d rgb(9,39,45)
```
#0c353d
```
#0c353d rgb(12,53,61)
```
#10434d
```
#10434d rgb(16,67,77)
```
#13515e
```
#13515e rgb(19,81,94)
```
#165f6e
```
#165f6e rgb(22,95,110)
```
#1a6d7e
```
#1a6d7e rgb(26,109,126)
```
#1d7b8f
```
#1d7b8f rgb(29,123,143)
```
#20899f
```
#20899f rgb(32,137,159)
```
#2397af
```
#2397af rgb(35,151,175)
```
#27a5c0
```
#27a5c0 rgb(39,165,192)
```
#2ab3d0
```
#2ab3d0 rgb(42,179,208)
```

Shade Color Variation

#37bbd7
```
#37bbd7 rgb(55,187,215)
```
#47c0da
```
#47c0da rgb(71,192,218)
```
#58c6dd
```
#58c6dd rgb(88,198,221)
```
#68cbe1
```
#68cbe1 rgb(104,203,225)
```
#78d1e4
```
#78d1e4 rgb(120,209,228)
```
#89d7e7
```
#89d7e7 rgb(137,215,231)
```
#99dcea
```
#99dcea rgb(153,220,234)
```
#a9e2ee
```
#a9e2ee rgb(169,226,238)
```
#bae7f1
```
#bae7f1 rgb(186,231,241)
```
#caedf4
```
#caedf4 rgb(202,237,244)
```
#daf2f8
```
#daf2f8 rgb(218,242,248)
```
#ebf8fb
```
#ebf8fb rgb(235,248,251)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#778183
```
#778183 rgb(119,129,131)
```
#6d878d
```
#6d878d rgb(109,135,141)
```
#648d96
```
#648d96 rgb(100,141,150)
```
#5a94a0
```
#5a94a0 rgb(90,148,160)
```
#509aaa
```
#509aaa rgb(80,154,170)
```
#47a0b3
```
#47a0b3 rgb(71,160,179)
```
#3da6bd
```
#3da6bd rgb(61,166,189)
```
#34adc6
```
#34adc6 rgb(52,173,198)
```
#2ab3d0
```
#2ab3d0 rgb(42,179,208)
```
#20b9da
```
#20b9da rgb(32,185,218)
```
#17c0e3
```
#17c0e3 rgb(23,192,227)
```
#0dc6ed
```
#0dc6ed rgb(13,198,237)
```
#04ccf6
```
#04ccf6 rgb(4,204,246)
```

Tone Color Variation

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

Dichromacy

#a1a7c8 Protanopia 1% of men
#9da6d8 Deuteranopia 1% of men
#23b9c6 Tritanopia 0.001% of the population

Trichromacy

#75abcb Protanomaly 1% of men, 0.01% of women
#73abd5 Deuteranomaly 6% of men, 0.4% of women
#25b6ca Tritanomaly 0.01% of the population

#2ab3d0 hex color

#2ab3d0 Color Information

#2ab3d0 Color Conversion

Color Schemes with #2ab3d0

Alternatives to #2ab3d0

#2ab3d0 Preview

Shades and Tints of #2ab3d0

Tones of #2ab3d0

Color Blindness Simulator