#2ab5dc hex color

In a RGB color space, hex #2ab5dc is composed of 16.5% red, 71% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 17.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 193.1 degrees, a saturation of 71.8% and a lightness of 51.4%. #2ab5dc color hex could be obtained by blending #54ffff with #006bb9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 16
- G 71
- B 86
RGB color chart
- C 81
- M 18
- Y 0
- K 14
CMYK color chart

● #2ab5dc color description : Bright cyan.

The hexadecimal color #2ab5dc has RGB values of R:42, G:181, B:220 and CMYK values of C:0.81, M:0.18, Y:0, K:0.14. Its decimal value is 2799068.

Hex triplet	2ab5dc	`#2ab5dc`
RGB Decimal	42, 181, 220	`rgb(42,181,220)`
RGB Percent	16.5, 71, 86.3	`rgb(16.5%,71%,86.3%)`
CMYK	81, 18, 0, 14
HSL	193.1°, 71.8, 51.4	`hsl(193.1,71.8%,51.4%)`
HSV (or HSB)	193.1°, 80.9, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.537, -22.468, -29.751
XYZ	30.393, 38.704, 73.575
xyY	0.213, 0.271, 38.704
CIE-LCH	68.537, 37.282, 232.94
CIE-LUV	68.537, -46.03, -44.103
Hunter-Lab	62.213, -21.668, -26.569
Binary	00101010, 10110101, 11011100

#2ab5dc
```
#2ab5dc rgb(42,181,220)
```
#dc512a
```
#dc512a rgb(220,81,42)
```

Complementary Color

#2adcaa
```
#2adcaa rgb(42,220,170)
```
#2ab5dc
```
#2ab5dc rgb(42,181,220)
```
#2a5cdc
```
#2a5cdc rgb(42,92,220)
```

Analogous Color

#dcaa2a
```
#dcaa2a rgb(220,170,42)
```
#2ab5dc
```
#2ab5dc rgb(42,181,220)
```
#dc2a5c
```
#dc2a5c rgb(220,42,92)
```

Split Complementary Color

#b5dc2a
```
#b5dc2a rgb(181,220,42)
```
#2ab5dc
```
#2ab5dc rgb(42,181,220)
```
#dc2ab5
```
#dc2ab5 rgb(220,42,181)
```

Triadic Color

#2adc51
```
#2adc51 rgb(42,220,81)
```
#2ab5dc
```
#2ab5dc rgb(42,181,220)
```
#dc2ab5
```
#dc2ab5 rgb(220,42,181)
```
#dc512a
```
#dc512a rgb(220,81,42)
```

Tetradic Color

#1a829f
```
#1a829f rgb(26,130,159)
```
#1e94b5
```
#1e94b5 rgb(30,148,181)
```
#21a6cb
```
#21a6cb rgb(33,166,203)
```
#2ab5dc
```
#2ab5dc rgb(42,181,220)
```
#40bde0
```
#40bde0 rgb(64,189,224)
```
#56c4e3
```
#56c4e3 rgb(86,196,227)
```
#6ccce7
```
#6ccce7 rgb(108,204,231)
```

Monochromatic Color

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

#2adcd7
```
#2adcd7 rgb(42,220,215)
```
#2ad3dc
```
#2ad3dc rgb(42,211,220)
```
#2ac4dc
```
#2ac4dc rgb(42,196,220)
```
#2ab5dc
```
#2ab5dc rgb(42,181,220)
```
#2aa6dc
```
#2aa6dc rgb(42,166,220)
```
#2a97dc
```
#2a97dc rgb(42,151,220)
```
#2a89dc
```
#2a89dc rgb(42,137,220)
```

Similar Colors

Text with hexadecimal color #2ab5dc

This text has a font color of #2ab5dc.

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

#2ab5dc background color

This paragraph has a background color of #2ab5dc.

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

#2ab5dc border color

This element has a border color of #2ab5dc.

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

CSS codes

.text {color:#2ab5dc;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#041317
```
#041317 rgb(4,19,23)
```
#072028
```
#072028 rgb(7,32,40)
```
#092e39
```
#092e39 rgb(9,46,57)
```
#0c3c49
```
#0c3c49 rgb(12,60,73)
```
#0f4a5a
```
#0f4a5a rgb(15,74,90)
```
#12576b
```
#12576b rgb(18,87,107)
```
#14657c
```
#14657c rgb(20,101,124)
```
#17738d
```
#17738d rgb(23,115,141)
```
#1a819e
```
#1a819e rgb(26,129,158)
```
#1d8fae
```
#1d8fae rgb(29,143,174)
```
#1f9cbf
```
#1f9cbf rgb(31,156,191)
```
#22aad0
```
#22aad0 rgb(34,170,208)
```

Shade Color Variation

#2ab5dc
```
#2ab5dc rgb(42,181,220)
```
#3bbbdf
```
#3bbbdf rgb(59,187,223)
```
#4cc1e2
```
#4cc1e2 rgb(76,193,226)
```
#5dc7e4
```
#5dc7e4 rgb(93,199,228)
```
#6dcce7
```
#6dcce7 rgb(109,204,231)
```
#7ed2ea
```
#7ed2ea rgb(126,210,234)
```
#8fd8ed
```
#8fd8ed rgb(143,216,237)
```
#a0deef
```
#a0deef rgb(160,222,239)
```
#b1e4f2
```
#b1e4f2 rgb(177,228,242)
```
#c2eaf5
```
#c2eaf5 rgb(194,234,245)
```
#d2f0f8
```
#d2f0f8 rgb(210,240,248)
```
#e3f5fa
```
#e3f5fa rgb(227,245,250)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

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

#808586
```
#808586 rgb(128,133,134)
```
#768a90
```
#768a90 rgb(118,138,144)
```
#6d8f99
```
#6d8f99 rgb(109,143,153)
```
#6395a3
```
#6395a3 rgb(99,149,163)
```
#5a9aac
```
#5a9aac rgb(90,154,172)
```
#50a0b6
```
#50a0b6 rgb(80,160,182)
```
#47a5bf
```
#47a5bf rgb(71,165,191)
```
#3daac9
```
#3daac9 rgb(61,170,201)
```
#34b0d2
```
#34b0d2 rgb(52,176,210)
```
#2ab5dc
```
#2ab5dc rgb(42,181,220)
```
#20bae6
```
#20bae6 rgb(32,186,230)
```
#17c0ef
```
#17c0ef rgb(23,192,239)
```
#0dc5f9
```
#0dc5f9 rgb(13,197,249)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7c979f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0aad4 Protanopia 1% of men
#99a9e3 Deuteranopia 1% of men
#00bcca Tritanopia 0.001% of the population

Trichromacy

#75aed6 Protanomaly 1% of men, 0.01% of women
#70ade0 Deuteranomaly 6% of men, 0.4% of women
#0fb9d0 Tritanomaly 0.01% of the population

#2ab5dc hex color

#2ab5dc Color Information

#2ab5dc Color Conversion

Color Schemes with #2ab5dc

Alternatives to #2ab5dc

#2ab5dc Preview

Shades and Tints of #2ab5dc

Tones of #2ab5dc

Color Blindness Simulator