colorhexa.com

#2ba8b9 hex color

In a RGB color space, hex #2ba8b9 is composed of 16.9% red, 65.9% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 9.2% magenta, 0% yellow and 27.5% black. It has a hue angle of 187.2 degrees, a saturation of 62.3% and a lightness of 44.7%. #2ba8b9 color hex could be obtained by blending #56ffff with #005173. Closest websafe color is: #3399cc.

- R 17
- G 66
- B 73
RGB color chart
- C 77
- M 9
- Y 0
- K 27
CMYK color chart

● #2ba8b9 color description : Strong cyan.

The hexadecimal color #2ba8b9 has RGB values of R:43, G:168, B:185 and CMYK values of C:0.77, M:0.09, Y:0, K:0.27. Its decimal value is 2861241.

Hex triplet	2ba8b9	`#2ba8b9`
RGB Decimal	43, 168, 185	`rgb(43,168,185)`
RGB Percent	16.9, 65.9, 72.5	`rgb(16.9%,65.9%,72.5%)`
CMYK	77, 9, 0, 27
HSL	187.2°, 62.3, 44.7	`hsl(187.2,62.3%,44.7%)`
HSV (or HSB)	187.2°, 76.8, 72.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.359, -27.121, -18.318
XYZ	23.753, 32.019, 50.825
xyY	0.223, 0.3, 32.019
CIE-LCH	63.359, 32.728, 214.036
CIE-LUV	63.359, -43.751, -24.21
Hunter-Lab	56.586, -24.095, -13.644
Binary	00101011, 10101000, 10111001

#2ba8b9
```
#2ba8b9 rgb(43,168,185)
```
#b93c2b
```
#b93c2b rgb(185,60,43)
```

Complementary Color

#2bb983
```
#2bb983 rgb(43,185,131)
```
#2ba8b9
```
#2ba8b9 rgb(43,168,185)
```
#2b61b9
```
#2b61b9 rgb(43,97,185)
```

Analogous Color

#b9832b
```
#b9832b rgb(185,131,43)
```
#2ba8b9
```
#2ba8b9 rgb(43,168,185)
```
#b92b61
```
#b92b61 rgb(185,43,97)
```

Split Complementary Color

#a8b92b
```
#a8b92b rgb(168,185,43)
```
#2ba8b9
```
#2ba8b9 rgb(43,168,185)
```
#b92ba8
```
#b92ba8 rgb(185,43,168)
```

Triadic Color

#2bb93c
```
#2bb93c rgb(43,185,60)
```
#2ba8b9
```
#2ba8b9 rgb(43,168,185)
```
#b92ba8
```
#b92ba8 rgb(185,43,168)
```
#b93c2b
```
#b93c2b rgb(185,60,43)
```

Tetradic Color

#1d707b
```
#1d707b rgb(29,112,123)
```
#218290
```
#218290 rgb(33,130,144)
```
#2695a4
```
#2695a4 rgb(38,149,164)
```
#2ba8b9
```
#2ba8b9 rgb(43,168,185)
```
#30bbce
```
#30bbce rgb(48,187,206)
```
#44c2d3
```
#44c2d3 rgb(68,194,211)
```
#58c9d8
```
#58c9d8 rgb(88,201,216)
```

Monochromatic Color

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

#2bb9a7
```
#2bb9a7 rgb(43,185,167)
```
#2bb9b2
```
#2bb9b2 rgb(43,185,178)
```
#2bb4b9
```
#2bb4b9 rgb(43,180,185)
```
#2ba8b9
```
#2ba8b9 rgb(43,168,185)
```
#2b9cb9
```
#2b9cb9 rgb(43,156,185)
```
#2b90b9
```
#2b90b9 rgb(43,144,185)
```
#2b85b9
```
#2b85b9 rgb(43,133,185)
```

Similar Colors

Text with hexadecimal color #2ba8b9

This text has a font color of #2ba8b9.

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

#2ba8b9 background color

This paragraph has a background color of #2ba8b9.

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

#2ba8b9 border color

This element has a border color of #2ba8b9.

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

CSS codes

.text {color:#2ba8b9;}

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

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

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, #02090a is the darkest color, while #f9fdfe is the lightest one.

#02090a
```
#02090a rgb(2,9,10)
```
#06171a
```
#06171a rgb(6,23,26)
```
#0a262a
```
#0a262a rgb(10,38,42)
```
#0d343a
```
#0d343a rgb(13,52,58)
```
#11434a
```
#11434a rgb(17,67,74)
```
#15515a
```
#15515a rgb(21,81,90)
```
#196069
```
#196069 rgb(25,96,105)
```
#1c6e79
```
#1c6e79 rgb(28,110,121)
```
#207d89
```
#207d89 rgb(32,125,137)
```
#248b99
```
#248b99 rgb(36,139,153)
```
#279aa9
```
#279aa9 rgb(39,154,169)
```
#2ba8b9
```
#2ba8b9 rgb(43,168,185)
```
#2fb6c9
```
#2fb6c9 rgb(47,182,201)
```

Shade Color Variation

#3abfd1
```
#3abfd1 rgb(58,191,209)
```
#4ac4d5
```
#4ac4d5 rgb(74,196,213)
```
#5ac9d9
```
#5ac9d9 rgb(90,201,217)
```
#6acfdc
```
#6acfdc rgb(106,207,220)
```
#7ad4e0
```
#7ad4e0 rgb(122,212,224)
```
#8ad9e4
```
#8ad9e4 rgb(138,217,228)
```
#9adee7
```
#9adee7 rgb(154,222,231)
```
#a9e3eb
```
#a9e3eb rgb(169,227,235)
```
#b9e8ef
```
#b9e8ef rgb(185,232,239)
```
#c9eef3
```
#c9eef3 rgb(201,238,243)
```
#d9f3f6
```
#d9f3f6 rgb(217,243,246)
```
#e9f8fa
```
#e9f8fa rgb(233,248,250)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#717373
```
#717373 rgb(113,115,115)
```
#68797c
```
#68797c rgb(104,121,124)
```
#608084
```
#608084 rgb(96,128,132)
```
#57878d
```
#57878d rgb(87,135,141)
```
#4e8d96
```
#4e8d96 rgb(78,141,150)
```
#45949f
```
#45949f rgb(69,148,159)
```
#3d9ba7
```
#3d9ba7 rgb(61,155,167)
```
#34a1b0
```
#34a1b0 rgb(52,161,176)
```
#2ba8b9
```
#2ba8b9 rgb(43,168,185)
```
#22afc2
```
#22afc2 rgb(34,175,194)
```
#19b5cb
```
#19b5cb rgb(25,181,203)
```
#11bcd3
```
#11bcd3 rgb(17,188,211)
```
#08c3dc
```
#08c3dc rgb(8,195,220)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#738c8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9db3 Protanopia 1% of men
#999bc3 Deuteranopia 1% of men
#33adb9 Tritanopia 0.001% of the population

Trichromacy

#72a1b5 Protanomaly 1% of men, 0.01% of women
#71a0bf Deuteranomaly 6% of men, 0.4% of women
#30abb9 Tritanomaly 0.01% of the population