#2baab4 Color Information
In a RGB color space, hex #2baab4 is composed of 16.9% red, 66.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 5.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 184.4 degrees, a saturation of 61.4% and a lightness of 43.7%. #2baab4 color hex could be obtained by blending #56ffff with #005569. Closest websafe color is: #3399cc.
-
- R 17
- G 67
- B 71
-
- C 76
- M 6
- Y 0
- K 29
● #2baab4 color description : Strong cyan.
#2baab4 Color Conversion
The hexadecimal color #2baab4 has RGB values of R:43, G:170, B:180 and CMYK values of C:0.76, M:0.06, Y:0, K:0.29. Its decimal value is 2861748.
Hex triplet | 2baab4 | #2baab4 |
---|---|---|
RGB Decimal | 43, 170, 180 | rgb(43,170,180) |
RGB Percent | 16.9, 66.7, 70.6 | rgb(16.9%,66.7%,70.6%) |
CMYK | 76, 6, 0, 29 | |
HSL | 184.4°, 61.4, 43.7 | hsl(184.4,61.4%,43.7%) |
HSV (or HSB) | 184.4°, 76.1, 70.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.8, -29.671, -14.858 |
---|---|
XYZ | 23.607, 32.556, 48.217 |
xyY | 0.226, 0.312, 32.556 |
CIE-LCH | 63.8, 33.183, 206.6 |
CIE-LUV | 63.8, -44.81, -18.322 |
Hunter-Lab | 57.058, -26, -10.163 |
Binary | 00101011, 10101010, 10110100 |
Color Schemes with #2baab4
Alternatives to #2baab4
Below, you can see some colors close to #2baab4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2baab4 Preview
This text has a font color of #2baab4.
<span style="color:#2baab4;">Text here</span>
This paragraph has a background color of #2baab4.
<p style="background-color:#2baab4;">Content here</p>
This element has a border color of #2baab4.
<div style="border:1px solid #2baab4;">Content here</div>
.text {color:#2baab4;}
.background {background-color:#2baab4;}
.border {border:1px solid #2baab4;}
Shades and Tints of #2baab4
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, #010606 is the darkest color, while #f5fcfd is the lightest one.
-
#010606
#010606
rgb(1,6,6)
-
#051416
#051416
rgb(5,20,22)
-
#092326
#092326
rgb(9,35,38)
-
#0d3235
#0d3235
rgb(13,50,53)
-
#114145
#114145
rgb(17,65,69)
-
#145055
#145055
rgb(20,80,85)
-
#185f65
#185f65
rgb(24,95,101)
-
#1c6e75
#1c6e75
rgb(28,110,117)
-
#207d85
#207d85
rgb(32,125,133)
-
#238c94
#238c94
rgb(35,140,148)
-
#279ba4
#279ba4
rgb(39,155,164)
-
#2baab4
#2baab4
rgb(43,170,180)
-
#2fb9c4
#2fb9c4
rgb(47,185,196)
-
#37c4cf
#37c4cf
rgb(55,196,207)
-
#47c9d3
#47c9d3
rgb(71,201,211)
-
#57cdd7
#57cdd7
rgb(87,205,215)
-
#67d2db
#67d2db
rgb(103,210,219)
-
#76d7de
#76d7de
rgb(118,215,222)
-
#86dbe2
#86dbe2
rgb(134,219,226)
-
#96e0e6
#96e0e6
rgb(150,224,230)
-
#a6e5ea
#a6e5ea
rgb(166,229,234)
-
#b6e9ed
#b6e9ed
rgb(182,233,237)
-
#c6eef1
#c6eef1
rgb(198,238,241)
-
#d5f3f5
#d5f3f5
rgb(213,243,245)
-
#e5f7f9
#e5f7f9
rgb(229,247,249)
-
#f5fcfd
#f5fcfd
rgb(245,252,253)
Tones of #2baab4
A tone is produced by adding gray to any pure hue. In this case, #677778 is the less saturated color, while #00cfdf is the most saturated one.
-
#677778
#677778
rgb(103,119,120)
-
#5e7e81
#5e7e81
rgb(94,126,129)
-
#568589
#568589
rgb(86,133,137)
-
#4d8d92
#4d8d92
rgb(77,141,146)
-
#45949a
#45949a
rgb(69,148,154)
-
#3c9ba3
#3c9ba3
rgb(60,155,163)
-
#34a3ab
#34a3ab
rgb(52,163,171)
-
#2baab4
#2baab4
rgb(43,170,180)
-
#22b1bd
#22b1bd
rgb(34,177,189)
-
#1ab9c5
#1ab9c5
rgb(26,185,197)
-
#11c0ce
#11c0ce
rgb(17,192,206)
-
#09c7d6
#09c7d6
rgb(9,199,214)
-
#00cfdf
#00cfdf
rgb(0,207,223)
Color Blindness Simulator
Below, you can see how #2baab4 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.