colorhexa.com

#2ba5a8 hex color

In a RGB color space, hex #2ba5a8 is composed of 16.9% red, 64.7% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 1.8% magenta, 0% yellow and 34.1% black. It has a hue angle of 181.4 degrees, a saturation of 59.2% and a lightness of 41.4%. #2ba5a8 color hex could be obtained by blending #56ffff with #004b51. Closest websafe color is: #339999.

- R 17
- G 65
- B 66
RGB color chart
- C 74
- M 2
- Y 0
- K 34
CMYK color chart

● #2ba5a8 color description : Dark cyan.

The hexadecimal color #2ba5a8 has RGB values of R:43, G:165, B:168 and CMYK values of C:0.74, M:0.02, Y:0, K:0.34. Its decimal value is 2860456.

Hex triplet	2ba5a8	`#2ba5a8`
RGB Decimal	43, 165, 168	`rgb(43,165,168)`
RGB Percent	16.9, 64.7, 65.9	`rgb(16.9%,64.7%,65.9%)`
CMYK	74, 2, 0, 34
HSL	181.4°, 59.2, 41.4	`hsl(181.4,59.2%,41.4%)`
HSV (or HSB)	181.4°, 74.4, 65.9
Web Safe	339999	`#339999`

CIE-LAB	61.868, -30.908, -11.041
XYZ	21.517, 30.249, 41.748
xyY	0.23, 0.323, 30.249
CIE-LCH	61.868, 32.82, 199.658
CIE-LUV	61.868, -43.843, -12.046
Hunter-Lab	54.999, -26.414, -6.506
Binary	00101011, 10100101, 10101000

#2ba5a8
```
#2ba5a8 rgb(43,165,168)
```
#a82e2b
```
#a82e2b rgb(168,46,43)
```

Complementary Color

#2ba86d
```
#2ba86d rgb(43,168,109)
```
#2ba5a8
```
#2ba5a8 rgb(43,165,168)
```
#2b67a8
```
#2b67a8 rgb(43,103,168)
```

Analogous Color

#a86d2b
```
#a86d2b rgb(168,109,43)
```
#2ba5a8
```
#2ba5a8 rgb(43,165,168)
```
#a82b67
```
#a82b67 rgb(168,43,103)
```

Split Complementary Color

#a5a82b
```
#a5a82b rgb(165,168,43)
```
#2ba5a8
```
#2ba5a8 rgb(43,165,168)
```
#a82ba5
```
#a82ba5 rgb(168,43,165)
```

Triadic Color

#2ba82e
```
#2ba82e rgb(43,168,46)
```
#2ba5a8
```
#2ba5a8 rgb(43,165,168)
```
#a82ba5
```
#a82ba5 rgb(168,43,165)
```
#a82e2b
```
#a82e2b rgb(168,46,43)
```

Tetradic Color

#1b696b
```
#1b696b rgb(27,105,107)
```
#217d7f
```
#217d7f rgb(33,125,127)
```
#269194
```
#269194 rgb(38,145,148)
```
#2ba5a8
```
#2ba5a8 rgb(43,165,168)
```
#30b9bc
```
#30b9bc rgb(48,185,188)
```
#3ac9cc
```
#3ac9cc rgb(58,201,204)
```
#4eced2
```
#4eced2 rgb(78,206,210)
```

Monochromatic Color

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

#2ba88c
```
#2ba88c rgb(43,168,140)
```
#2ba896
```
#2ba896 rgb(43,168,150)
```
#2ba8a1
```
#2ba8a1 rgb(43,168,161)
```
#2ba5a8
```
#2ba5a8 rgb(43,165,168)
```
#2b9ba8
```
#2b9ba8 rgb(43,155,168)
```
#2b90a8
```
#2b90a8 rgb(43,144,168)
```
#2b86a8
```
#2b86a8 rgb(43,134,168)
```

Similar Colors

Text with hexadecimal color #2ba5a8

This text has a font color of #2ba5a8.

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

#2ba5a8 background color

This paragraph has a background color of #2ba5a8.

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

#2ba5a8 border color

This element has a border color of #2ba5a8.

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

CSS codes

.text {color:#2ba5a8;}

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

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

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

#030c0c
```
#030c0c rgb(3,12,12)
```
#071b1b
```
#071b1b rgb(7,27,27)
```
#0b2a2b
```
#0b2a2b rgb(11,42,43)
```
#0f3a3b
```
#0f3a3b rgb(15,58,59)
```
#13494a
```
#13494a rgb(19,73,74)
```
#17585a
```
#17585a rgb(23,88,90)
```
#1b686a
```
#1b686a rgb(27,104,106)
```
#1f7779
```
#1f7779 rgb(31,119,121)
```
#238689
```
#238689 rgb(35,134,137)
```
#279698
```
#279698 rgb(39,150,152)
```
#2ba5a8
```
#2ba5a8 rgb(43,165,168)
```
#2fb4b8
```
#2fb4b8 rgb(47,180,184)
```
#33c4c7
```
#33c4c7 rgb(51,196,199)
```

Shade Color Variation

#40cbce
```
#40cbce rgb(64,203,206)
```
#4fcfd2
```
#4fcfd2 rgb(79,207,210)
```
#5fd3d6
```
#5fd3d6 rgb(95,211,214)
```
#6fd7da
```
#6fd7da rgb(111,215,218)
```
#7edcde
```
#7edcde rgb(126,220,222)
```
#8ee0e2
```
#8ee0e2 rgb(142,224,226)
```
#9de4e6
```
#9de4e6 rgb(157,228,230)
```
#ade9ea
```
#ade9ea rgb(173,233,234)
```
#bdedee
```
#bdedee rgb(189,237,238)
```
#ccf1f2
```
#ccf1f2 rgb(204,241,242)
```
#dcf5f6
```
#dcf5f6 rgb(220,245,246)
```
#ecfafa
```
#ecfafa rgb(236,250,250)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646f6f is the less saturated color, while #02ccd1 is the most saturated one.

#646f6f
```
#646f6f rgb(100,111,111)
```
#5c7777
```
#5c7777 rgb(92,119,119)
```
#547e7f
```
#547e7f rgb(84,126,127)
```
#4b8688
```
#4b8688 rgb(75,134,136)
```
#438e90
```
#438e90 rgb(67,142,144)
```
#3b9698
```
#3b9698 rgb(59,150,152)
```
#339da0
```
#339da0 rgb(51,157,160)
```
#2ba5a8
```
#2ba5a8 rgb(43,165,168)
```
#23adb0
```
#23adb0 rgb(35,173,176)
```
#1bb4b8
```
#1bb4b8 rgb(27,180,184)
```
#13bcc0
```
#13bcc0 rgb(19,188,192)
```
#0bc4c8
```
#0bc4c8 rgb(11,196,200)
```
#02ccd1
```
#02ccd1 rgb(2,204,209)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#708889 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9aa3 Protanopia 1% of men
#9c97b3 Deuteranopia 1% of men
#3ca8b4 Tritanopia 0.001% of the population

Trichromacy

#729ea5 Protanomaly 1% of men, 0.01% of women
#739caf Deuteranomaly 6% of men, 0.4% of women
#36a7b0 Tritanomaly 0.01% of the population