colorhexa.com

#1ba7af hex color

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

- R 11
- G 65
- B 69
RGB color chart
- C 85
- M 5
- Y 0
- K 31
CMYK color chart

● #1ba7af color description : Dark cyan.

The hexadecimal color #1ba7af has RGB values of R:27, G:167, B:175 and CMYK values of C:0.85, M:0.05, Y:0, K:0.31. Its decimal value is 1812399.

Hex triplet	1ba7af	`#1ba7af`
RGB Decimal	27, 167, 175	`rgb(27,167,175)`
RGB Percent	10.6, 65.5, 68.6	`rgb(10.6%,65.5%,68.6%)`
CMYK	85, 5, 0, 31
HSL	183.2°, 73.3, 39.6	`hsl(183.2,73.3%,39.6%)`
HSV (or HSB)	183.2°, 84.6, 68.6
Web Safe	339999	`#339999`

CIE-LAB	62.477, -31.238, -14.08
XYZ	22.006, 30.963, 45.372
xyY	0.224, 0.315, 30.963
CIE-LCH	62.477, 34.264, 204.262
CIE-LUV	62.477, -45.849, -16.833
Hunter-Lab	55.645, -26.786, -9.393
Binary	00011011, 10100111, 10101111

#1ba7af
```
#1ba7af rgb(27,167,175)
```
#af231b
```
#af231b rgb(175,35,27)
```

Complementary Color

#1baf6d
```
#1baf6d rgb(27,175,109)
```
#1ba7af
```
#1ba7af rgb(27,167,175)
```
#1b5daf
```
#1b5daf rgb(27,93,175)
```

Analogous Color

#af6d1b
```
#af6d1b rgb(175,109,27)
```
#1ba7af
```
#1ba7af rgb(27,167,175)
```
#af1b5d
```
#af1b5d rgb(175,27,93)
```

Split Complementary Color

#a7af1b
```
#a7af1b rgb(167,175,27)
```
#1ba7af
```
#1ba7af rgb(27,167,175)
```
#af1ba7
```
#af1ba7 rgb(175,27,167)
```

Triadic Color

#1baf23
```
#1baf23 rgb(27,175,35)
```
#1ba7af
```
#1ba7af rgb(27,167,175)
```
#af1ba7
```
#af1ba7 rgb(175,27,167)
```
#af231b
```
#af231b rgb(175,35,27)
```

Tetradic Color

#11686d
```
#11686d rgb(17,104,109)
```
#147d83
```
#147d83 rgb(20,125,131)
```
#189299
```
#189299 rgb(24,146,153)
```
#1ba7af
```
#1ba7af rgb(27,167,175)
```
#1ebcc5
```
#1ebcc5 rgb(30,188,197)
```
#22d1db
```
#22d1db rgb(34,209,219)
```
#36d7e0
```
#36d7e0 rgb(54,215,224)
```

Monochromatic Color

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

#1baf92
```
#1baf92 rgb(27,175,146)
```
#1baf9e
```
#1baf9e rgb(27,175,158)
```
#1bafab
```
#1bafab rgb(27,175,171)
```
#1ba7af
```
#1ba7af rgb(27,167,175)
```
#1b9baf
```
#1b9baf rgb(27,155,175)
```
#1b8eaf
```
#1b8eaf rgb(27,142,175)
```
#1b82af
```
#1b82af rgb(27,130,175)
```

Similar Colors

Text with hexadecimal color #1ba7af

This text has a font color of #1ba7af.

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

#1ba7af background color

This paragraph has a background color of #1ba7af.

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

#1ba7af border color

This element has a border color of #1ba7af.

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

CSS codes

.text {color:#1ba7af;}

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

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

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 #f3fdfd 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)
```
#0b4649
```
#0b4649 rgb(11,70,73)
```
#0e565a
```
#0e565a rgb(14,86,90)
```
#11666b
```
#11666b rgb(17,102,107)
```
#13767c
```
#13767c rgb(19,118,124)
```
#16878d
```
#16878d rgb(22,135,141)
```
#18979e
```
#18979e rgb(24,151,158)
```
#1ba7af
```
#1ba7af rgb(27,167,175)
```
#1eb7c0
```
#1eb7c0 rgb(30,183,192)
```
#20c7d1
```
#20c7d1 rgb(32,199,209)
```

Shade Color Variation

#27d4de
```
#27d4de rgb(39,212,222)
```
#38d7e0
```
#38d7e0 rgb(56,215,224)
```
#49dbe3
```
#49dbe3 rgb(73,219,227)
```
#5adee6
```
#5adee6 rgb(90,222,230)
```
#6be1e8
```
#6be1e8 rgb(107,225,232)
```
#7ce5eb
```
#7ce5eb rgb(124,229,235)
```
#8de8ed
```
#8de8ed rgb(141,232,237)
```
#9eecf0
```
#9eecf0 rgb(158,236,240)
```
#afeff3
```
#afeff3 rgb(175,239,243)
```
#c0f2f5
```
#c0f2f5 rgb(192,242,245)
```
#d1f6f8
```
#d1f6f8 rgb(209,246,248)
```
#e2f9fb
```
#e2f9fb rgb(226,249,251)
```
#f3fdfd
```
#f3fdfd rgb(243,253,253)
```

Tint Color Variation

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

#616969
```
#616969 rgb(97,105,105)
```
#597071
```
#597071 rgb(89,112,113)
```
#517679
```
#517679 rgb(81,118,121)
```
#4a7d80
```
#4a7d80 rgb(74,125,128)
```
#428488
```
#428488 rgb(66,132,136)
```
#3a8b90
```
#3a8b90 rgb(58,139,144)
```
#329298
```
#329298 rgb(50,146,152)
```
#2b999f
```
#2b999f rgb(43,153,159)
```
#23a0a7
```
#23a0a7 rgb(35,160,167)
```
#1ba7af
```
#1ba7af rgb(27,167,175)
```
#13aeb7
```
#13aeb7 rgb(19,174,183)
```
#0bb5bf
```
#0bb5bf rgb(11,181,191)
```
#04bcc6
```
#04bcc6 rgb(4,188,198)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6a8688 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9ba9 Protanopia 1% of men
#9b99ba Deuteranopia 1% of men
#2caab7 Tritanopia 0.001% of the population

Trichromacy

#6c9fab Protanomaly 1% of men, 0.01% of women
#6c9eb6 Deuteranomaly 6% of men, 0.4% of women
#26a9b4 Tritanomaly 0.01% of the population