#2baab0 Color Information
In a RGB color space, hex #2baab0 is composed of 16.9% red, 66.7% green and 69% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 3.4% magenta, 0% yellow and 31% black. It has a hue angle of 182.7 degrees, a saturation of 60.7% and a lightness of 42.9%. #2baab0 color hex could be obtained by blending #56ffff with #005561. Closest websafe color is: #339999.
-
- R 17
- G 67
- B 69
-
- C 76
- M 3
- Y 0
- K 31
● #2baab0 color description : Dark cyan.
#2baab0 Color Conversion
The hexadecimal color #2baab0 has RGB values of R:43, G:170, B:176 and CMYK values of C:0.76, M:0.03, Y:0, K:0.31. Its decimal value is 2861744.
| Hex triplet | 2baab0 | #2baab0 |
|---|---|---|
| RGB Decimal | 43, 170, 176 | rgb(43,170,176) |
| RGB Percent | 16.9, 66.7, 69 | rgb(16.9%,66.7%,69%) |
| CMYK | 76, 3, 0, 31 | |
| HSL | 182.7°, 60.7, 42.9 | hsl(182.7,60.7%,42.9%) |
| HSV (or HSB) | 182.7°, 75.6, 69 | |
| Web Safe | 339999 | #339999 |
| CIE-LAB | 63.668, -30.897, -12.822 |
|---|---|
| XYZ | 23.205, 32.395, 46.102 |
| xyY | 0.228, 0.319, 32.395 |
| CIE-LCH | 63.668, 33.452, 202.538 |
| CIE-LUV | 63.668, -45.088, -14.908 |
| Hunter-Lab | 56.917, -26.83, -8.182 |
| Binary | 00101011, 10101010, 10110000 |
Color Schemes with #2baab0
Alternatives to #2baab0
Below, you can see some colors close to #2baab0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2baab0 Preview
This text has a font color of #2baab0.
<span style="color:#2baab0;">Text here</span>
This paragraph has a background color of #2baab0.
<p style="background-color:#2baab0;">Content here</p>
This element has a border color of #2baab0.
<div style="border:1px solid #2baab0;">Content here</div>
.text {color:#2baab0;}
.background {background-color:#2baab0;}
.border {border:1px solid #2baab0;}
Shades and Tints of #2baab0
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, #010303 is the darkest color, while #f2fbfc is the lightest one.
-
#010303
#010303rgb(1,3,3) -
#041212
#041212rgb(4,18,18) -
#082122
#082122rgb(8,33,34) -
#0c3032
#0c3032rgb(12,48,50) -
#103f42
#103f42rgb(16,63,66) -
#144f51
#144f51rgb(20,79,81) -
#185e61
#185e61rgb(24,94,97) -
#1c6d71
#1c6d71rgb(28,109,113) -
#1f7c81
#1f7c81rgb(31,124,129) -
#238c90
#238c90rgb(35,140,144) -
#279ba0
#279ba0rgb(39,155,160) -
#2baab0
#2baab0rgb(43,170,176) -
#2fb9c0
#2fb9c0rgb(47,185,192)
-
#35c7ce
#35c7cergb(53,199,206) -
#44cbd1
#44cbd1rgb(68,203,209) -
#54cfd5
#54cfd5rgb(84,207,213) -
#64d4d9
#64d4d9rgb(100,212,217) -
#74d8dd
#74d8ddrgb(116,216,221) -
#83dde1
#83dde1rgb(131,221,225) -
#93e1e5
#93e1e5rgb(147,225,229) -
#a3e5e9
#a3e5e9rgb(163,229,233) -
#b3eaec
#b3eaecrgb(179,234,236) -
#c3eef0
#c3eef0rgb(195,238,240) -
#d2f3f4
#d2f3f4rgb(210,243,244) -
#e2f7f8
#e2f7f8rgb(226,247,248) -
#f2fbfc
#f2fbfcrgb(242,251,252)
Tones of #2baab0
A tone is produced by adding gray to any pure hue. In this case, #667475 is the less saturated color, while #01d0da is the most saturated one.
-
#667475
#667475rgb(102,116,117) -
#5e7c7d
#5e7c7drgb(94,124,125) -
#558486
#558486rgb(85,132,134) -
#4d8b8e
#4d8b8ergb(77,139,142) -
#449397
#449397rgb(68,147,151) -
#3c9b9f
#3c9b9frgb(60,155,159) -
#33a2a8
#33a2a8rgb(51,162,168) -
#2baab0
#2baab0rgb(43,170,176) -
#23b2b8
#23b2b8rgb(35,178,184) -
#1ab9c1
#1ab9c1rgb(26,185,193) -
#12c1c9
#12c1c9rgb(18,193,201) -
#09c9d2
#09c9d2rgb(9,201,210) -
#01d0da
#01d0dargb(1,208,218)
Color Blindness Simulator
Below, you can see how #2baab0 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.
