#1ba4af hex color

In a RGB color space, hex #1ba4af is composed of 10.6% red, 64.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 6.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 184.5 degrees, a saturation of 73.3% and a lightness of 39.6%. #1ba4af color hex could be obtained by blending #36ffff with #00495f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 11
- G 64
- B 69
RGB color chart
- C 85
- M 6
- Y 0
- K 31
CMYK color chart

● #1ba4af color description : Dark cyan.

The hexadecimal color #1ba4af has RGB values of R:27, G:164, B:175 and CMYK values of C:0.85, M:0.06, Y:0, K:0.31. Its decimal value is 1811631.

Hex triplet	1ba4af	`#1ba4af`
RGB Decimal	27, 164, 175	`rgb(27,164,175)`
RGB Percent	10.6, 64.3, 68.6	`rgb(10.6%,64.3%,68.6%)`
CMYK	85, 6, 0, 31
HSL	184.5°, 73.3, 39.6	`hsl(184.5,73.3%,39.6%)`
HSV (or HSB)	184.5°, 84.6, 68.6
Web Safe	339999	`#339999`

CIE-LAB	61.548, -29.781, -15.482
XYZ	21.463, 29.877, 45.191
xyY	0.222, 0.31, 29.877
CIE-LCH	61.548, 33.565, 207.468
CIE-LUV	61.548, -44.791, -19.223
Hunter-Lab	54.66, -25.564, -10.757
Binary	00011011, 10100100, 10101111

#1ba4af
```
#1ba4af rgb(27,164,175)
```
#af261b
```
#af261b rgb(175,38,27)
```

Complementary Color

#1baf70
```
#1baf70 rgb(27,175,112)
```
#1ba4af
```
#1ba4af rgb(27,164,175)
```
#1b5aaf
```
#1b5aaf rgb(27,90,175)
```

Analogous Color

#af701b
```
#af701b rgb(175,112,27)
```
#1ba4af
```
#1ba4af rgb(27,164,175)
```
#af1b5a
```
#af1b5a rgb(175,27,90)
```

Split Complementary Color

#a4af1b
```
#a4af1b rgb(164,175,27)
```
#1ba4af
```
#1ba4af rgb(27,164,175)
```
#af1ba4
```
#af1ba4 rgb(175,27,164)
```

Triadic Color

#1baf26
```
#1baf26 rgb(27,175,38)
```
#1ba4af
```
#1ba4af rgb(27,164,175)
```
#af1ba4
```
#af1ba4 rgb(175,27,164)
```
#af261b
```
#af261b rgb(175,38,27)
```

Tetradic Color

#11666d
```
#11666d rgb(17,102,109)
```
#147b83
```
#147b83 rgb(20,123,131)
```
#188f99
```
#188f99 rgb(24,143,153)
```
#1ba4af
```
#1ba4af rgb(27,164,175)
```
#1eb9c5
```
#1eb9c5 rgb(30,185,197)
```
#22cddb
```
#22cddb rgb(34,205,219)
```
#36d3e0
```
#36d3e0 rgb(54,211,224)
```

Monochromatic Color

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

#1baf95
```
#1baf95 rgb(27,175,149)
```
#1bafa1
```
#1bafa1 rgb(27,175,161)
```
#1bafae
```
#1bafae rgb(27,175,174)
```
#1ba4af
```
#1ba4af rgb(27,164,175)
```
#1b98af
```
#1b98af rgb(27,152,175)
```
#1b8baf
```
#1b8baf rgb(27,139,175)
```
#1b7faf
```
#1b7faf rgb(27,127,175)
```

Similar Colors

Text with hexadecimal color #1ba4af

This text has a font color of #1ba4af.

<span style="color:#1ba4af;">Text here</span>

#1ba4af background color

This paragraph has a background color of #1ba4af.

<p style="background-color:#1ba4af;">Content here</p>

#1ba4af border color

This element has a border color of #1ba4af.

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

CSS codes

.text {color:#1ba4af;}

.background {background-color:#1ba4af;}

.border {border:1px solid #1ba4af;}

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

#010505
```
#010505 rgb(1,5,5)
```
#031516
```
#031516 rgb(3,21,22)
```
#062527
```
#062527 rgb(6,37,39)
```
#093538
```
#093538 rgb(9,53,56)
```
#0b4449
```
#0b4449 rgb(11,68,73)
```
#0e545a
```
#0e545a rgb(14,84,90)
```
#11646b
```
#11646b rgb(17,100,107)
```
#13747c
```
#13747c rgb(19,116,124)
```
#16848d
```
#16848d rgb(22,132,141)
```
#18949e
```
#18949e rgb(24,148,158)
```
#1ba4af
```
#1ba4af rgb(27,164,175)
```
#1eb4c0
```
#1eb4c0 rgb(30,180,192)
```
#20c4d1
```
#20c4d1 rgb(32,196,209)
```

Shade Color Variation

#27d0de
```
#27d0de rgb(39,208,222)
```
#38d4e0
```
#38d4e0 rgb(56,212,224)
```
#49d8e3
```
#49d8e3 rgb(73,216,227)
```
#5adbe6
```
#5adbe6 rgb(90,219,230)
```
#6bdfe8
```
#6bdfe8 rgb(107,223,232)
```
#7ce3eb
```
#7ce3eb rgb(124,227,235)
```
#8de6ed
```
#8de6ed rgb(141,230,237)
```
#9eeaf0
```
#9eeaf0 rgb(158,234,240)
```
#afeef3
```
#afeef3 rgb(175,238,243)
```
#c0f1f5
```
#c0f1f5 rgb(192,241,245)
```
#d1f5f8
```
#d1f5f8 rgb(209,245,248)
```
#e2f9fb
```
#e2f9fb rgb(226,249,251)
```
#f3fcfd
```
#f3fcfd rgb(243,252,253)
```

Tint Color Variation

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

#616869
```
#616869 rgb(97,104,105)
```
#596f71
```
#596f71 rgb(89,111,113)
```
#517679
```
#517679 rgb(81,118,121)
```
#4a7c80
```
#4a7c80 rgb(74,124,128)
```
#428388
```
#428388 rgb(66,131,136)
```
#3a8a90
```
#3a8a90 rgb(58,138,144)
```
#329098
```
#329098 rgb(50,144,152)
```
#2b979f
```
#2b979f rgb(43,151,159)
```
#239da7
```
#239da7 rgb(35,157,167)
```
#1ba4af
```
#1ba4af rgb(27,164,175)
```
#13abb7
```
#13abb7 rgb(19,171,183)
```
#0bb1bf
```
#0bb1bf rgb(11,177,191)
```
#04b8c6
```
#04b8c6 rgb(4,184,198)
```

Tone Color Variation

Below, you can see how #1ba4af 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

#7c7c7c Achromatopsia 0.005% of the population
#698486 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9799a9 Protanopia 1% of men
#9797b9 Deuteranopia 1% of men
#29a8b4 Tritanopia 0.001% of the population

Trichromacy

#6a9dab Protanomaly 1% of men, 0.01% of women
#6a9bb5 Deuteranomaly 6% of men, 0.4% of women
#24a6b2 Tritanomaly 0.01% of the population

#1ba4af hex color

#1ba4af Color Information

#1ba4af Color Conversion

Color Schemes with #1ba4af

Alternatives to #1ba4af

#1ba4af Preview

Shades and Tints of #1ba4af

Tones of #1ba4af

Color Blindness Simulator