#2ab2ec hex color

In a RGB color space, hex #2ab2ec is composed of 16.5% red, 69.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 24.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 197.9 degrees, a saturation of 83.6% and a lightness of 54.5%. #2ab2ec color hex could be obtained by blending #54ffff with #0065d9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 70
- B 93
RGB color chart
- C 82
- M 25
- Y 0
- K 7
CMYK color chart

● #2ab2ec color description : Bright blue.

The hexadecimal color #2ab2ec has RGB values of R:42, G:178, B:236 and CMYK values of C:0.82, M:0.25, Y:0, K:0.07. Its decimal value is 2798316.

Hex triplet	2ab2ec	`#2ab2ec`
RGB Decimal	42, 178, 236	`rgb(42,178,236)`
RGB Percent	16.5, 69.8, 92.5	`rgb(16.5%,69.8%,92.5%)`
CMYK	82, 25, 0, 7
HSL	197.9°, 83.6, 54.5	`hsl(197.9,83.6%,54.5%)`
HSV (or HSB)	197.9°, 82.2, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.304, -15.503, -38.856
XYZ	32.012, 38.386, 85.074
xyY	0.206, 0.247, 38.386
CIE-LCH	68.304, 41.835, 248.249
CIE-LUV	68.304, -43.928, -60.407
Hunter-Lab	61.957, -16.197, -38.043
Binary	00101010, 10110010, 11101100

#2ab2ec
```
#2ab2ec rgb(42,178,236)
```
#ec642a
```
#ec642a rgb(236,100,42)
```

Complementary Color

#2aecc5
```
#2aecc5 rgb(42,236,197)
```
#2ab2ec
```
#2ab2ec rgb(42,178,236)
```
#2a51ec
```
#2a51ec rgb(42,81,236)
```

Analogous Color

#ecc52a
```
#ecc52a rgb(236,197,42)
```
#2ab2ec
```
#2ab2ec rgb(42,178,236)
```
#ec2a51
```
#ec2a51 rgb(236,42,81)
```

Split Complementary Color

#b2ec2a
```
#b2ec2a rgb(178,236,42)
```
#2ab2ec
```
#2ab2ec rgb(42,178,236)
```
#ec2ab2
```
#ec2ab2 rgb(236,42,178)
```

Triadic Color

#2aec64
```
#2aec64 rgb(42,236,100)
```
#2ab2ec
```
#2ab2ec rgb(42,178,236)
```
#ec2ab2
```
#ec2ab2 rgb(236,42,178)
```
#ec642a
```
#ec642a rgb(236,100,42)
```

Tetradic Color

#1187b9
```
#1187b9 rgb(17,135,185)
```
#1398d0
```
#1398d0 rgb(19,152,208)
```
#15a9e8
```
#15a9e8 rgb(21,169,232)
```
#2ab2ec
```
#2ab2ec rgb(42,178,236)
```
#41baee
```
#41baee rgb(65,186,238)
```
#59c3f0
```
#59c3f0 rgb(89,195,240)
```
#70cbf2
```
#70cbf2 rgb(112,203,242)
```

Monochromatic Color

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

#2ae3ec
```
#2ae3ec rgb(42,227,236)
```
#2ad2ec
```
#2ad2ec rgb(42,210,236)
```
#2ac2ec
```
#2ac2ec rgb(42,194,236)
```
#2ab2ec
```
#2ab2ec rgb(42,178,236)
```
#2aa2ec
```
#2aa2ec rgb(42,162,236)
```
#2a92ec
```
#2a92ec rgb(42,146,236)
```
#2a82ec
```
#2a82ec rgb(42,130,236)
```

Similar Colors

Text with hexadecimal color #2ab2ec

This text has a font color of #2ab2ec.

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

#2ab2ec background color

This paragraph has a background color of #2ab2ec.

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

#2ab2ec border color

This element has a border color of #2ab2ec.

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

CSS codes

.text {color:#2ab2ec;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020f15
```
#020f15 rgb(2,15,21)
```
#031c27
```
#031c27 rgb(3,28,39)
```
#052a39
```
#052a39 rgb(5,42,57)
```
#07374b
```
#07374b rgb(7,55,75)
```
#08445d
```
#08445d rgb(8,68,93)
```
#0a516f
```
#0a516f rgb(10,81,111)
```
#0c5e81
```
#0c5e81 rgb(12,94,129)
```
#0d6b93
```
#0d6b93 rgb(13,107,147)
```
#0f78a5
```
#0f78a5 rgb(15,120,165)
```
#1085b7
```
#1085b7 rgb(16,133,183)
```
#1292c9
```
#1292c9 rgb(18,146,201)
```
#14a0db
```
#14a0db rgb(20,160,219)
```

Shade Color Variation

#18abea
```
#18abea rgb(24,171,234)
```
#2ab2ec
```
#2ab2ec rgb(42,178,236)
```
#3cb9ee
```
#3cb9ee rgb(60,185,238)
```
#4ebfef
```
#4ebfef rgb(78,191,239)
```
#60c6f1
```
#60c6f1 rgb(96,198,241)
```
#72ccf2
```
#72ccf2 rgb(114,204,242)
```
#84d3f4
```
#84d3f4 rgb(132,211,244)
```
#96d9f6
```
#96d9f6 rgb(150,217,246)
```
#a8e0f7
```
#a8e0f7 rgb(168,224,247)
```
#bae6f9
```
#bae6f9 rgb(186,230,249)
```
#ccedfa
```
#ccedfa rgb(204,237,250)
```
#def3fc
```
#def3fc rgb(222,243,252)
```
#f0fafe
```
#f0fafe rgb(240,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838e93 is the less saturated color, while #18b9fe is the most saturated one.

#838e93
```
#838e93 rgb(131,142,147)
```
#7a929c
```
#7a929c rgb(122,146,156)
```
#7195a5
```
#7195a5 rgb(113,149,165)
```
#6899ae
```
#6899ae rgb(104,153,174)
```
#609cb6
```
#609cb6 rgb(96,156,182)
```
#57a0bf
```
#57a0bf rgb(87,160,191)
```
#4ea4c8
```
#4ea4c8 rgb(78,164,200)
```
#45a7d1
```
#45a7d1 rgb(69,167,209)
```
#3cabda
```
#3cabda rgb(60,171,218)
```
#33aee3
```
#33aee3 rgb(51,174,227)
```
#2ab2ec
```
#2ab2ec rgb(42,178,236)
```
#21b6f5
```
#21b6f5 rgb(33,182,245)
```
#18b9fe
```
#18b9fe rgb(24,185,254)
```

Tone Color Variation

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

Dichromacy

#98a9e3 Protanopia 1% of men
#8baaf1 Deuteranopia 1% of men
#00bbc8 Tritanopia 0.001% of the population

Trichromacy

#70ace6 Protanomaly 1% of men, 0.01% of women
#67acef Deuteranomaly 6% of men, 0.4% of women
#0fb8d5 Tritanomaly 0.01% of the population

#2ab2ec hex color

#2ab2ec Color Information

#2ab2ec Color Conversion

Color Schemes with #2ab2ec

Alternatives to #2ab2ec

#2ab2ec Preview

Shades and Tints of #2ab2ec

Tones of #2ab2ec

Color Blindness Simulator