#1baf8a hex color

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

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

● #1baf8a color description : Dark cyan - lime green.

The hexadecimal color #1baf8a has RGB values of R:27, G:175, B:138 and CMYK values of C:0.85, M:0, Y:0.21, K:0.31. Its decimal value is 1814410.

Hex triplet	1baf8a	`#1baf8a`
RGB Decimal	27, 175, 138	`rgb(27,175,138)`
RGB Percent	10.6, 68.6, 54.1	`rgb(10.6%,68.6%,54.1%)`
CMYK	85, 0, 21, 31
HSL	165°, 73.3, 39.6	`hsl(165,73.3%,39.6%)`
HSV (or HSB)	165°, 84.6, 68.6
Web Safe	339999	`#339999`

CIE-LAB	63.938, -45.355, 8.723
XYZ	20.368, 32.726, 29.287
xyY	0.247, 0.397, 32.726
CIE-LCH	63.938, 46.187, 169.114
CIE-LUV	63.938, -51.414, 19.347
Hunter-Lab	57.206, -36.559, 9.691
Binary	00011011, 10101111, 10001010

#1baf8a
```
#1baf8a rgb(27,175,138)
```
#af1b40
```
#af1b40 rgb(175,27,64)
```

Complementary Color

#1baf40
```
#1baf40 rgb(27,175,64)
```
#1baf8a
```
#1baf8a rgb(27,175,138)
```
#1b8aaf
```
#1b8aaf rgb(27,138,175)
```

Analogous Color

#af401b
```
#af401b rgb(175,64,27)
```
#1baf8a
```
#1baf8a rgb(27,175,138)
```
#af1b8a
```
#af1b8a rgb(175,27,138)
```

Split Complementary Color

#af8a1b
```
#af8a1b rgb(175,138,27)
```
#1baf8a
```
#1baf8a rgb(27,175,138)
```
#8a1baf
```
#8a1baf rgb(138,27,175)
```

Triadic Color

#40af1b
```
#40af1b rgb(64,175,27)
```
#1baf8a
```
#1baf8a rgb(27,175,138)
```
#8a1baf
```
#8a1baf rgb(138,27,175)
```
#af1b40
```
#af1b40 rgb(175,27,64)
```

Tetradic Color

#116d56
```
#116d56 rgb(17,109,86)
```
#148367
```
#148367 rgb(20,131,103)
```
#189979
```
#189979 rgb(24,153,121)
```
#1baf8a
```
#1baf8a rgb(27,175,138)
```
#1ec59b
```
#1ec59b rgb(30,197,155)
```
#22dbad
```
#22dbad rgb(34,219,173)
```
#36e0b6
```
#36e0b6 rgb(54,224,182)
```

Monochromatic Color

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

#1baf65
```
#1baf65 rgb(27,175,101)
```
#1baf71
```
#1baf71 rgb(27,175,113)
```
#1baf7e
```
#1baf7e rgb(27,175,126)
```
#1baf8a
```
#1baf8a rgb(27,175,138)
```
#1baf96
```
#1baf96 rgb(27,175,150)
```
#1bafa3
```
#1bafa3 rgb(27,175,163)
```
#1bafaf
```
#1bafaf rgb(27,175,175)
```

Similar Colors

Text with hexadecimal color #1baf8a

This text has a font color of #1baf8a.

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

#1baf8a background color

This paragraph has a background color of #1baf8a.

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

#1baf8a border color

This element has a border color of #1baf8a.

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

CSS codes

.text {color:#1baf8a;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#031611
```
#031611 rgb(3,22,17)
```
#06271f
```
#06271f rgb(6,39,31)
```
#09382c
```
#09382c rgb(9,56,44)
```
#0b493a
```
#0b493a rgb(11,73,58)
```
#0e5a47
```
#0e5a47 rgb(14,90,71)
```
#116b54
```
#116b54 rgb(17,107,84)
```
#137c62
```
#137c62 rgb(19,124,98)
```
#168d6f
```
#168d6f rgb(22,141,111)
```
#189e7d
```
#189e7d rgb(24,158,125)
```
#1baf8a
```
#1baf8a rgb(27,175,138)
```
#1ec097
```
#1ec097 rgb(30,192,151)
```
#20d1a5
```
#20d1a5 rgb(32,209,165)
```

Shade Color Variation

#27deb0
```
#27deb0 rgb(39,222,176)
```
#38e0b6
```
#38e0b6 rgb(56,224,182)
```
#49e3bc
```
#49e3bc rgb(73,227,188)
```
#5ae6c3
```
#5ae6c3 rgb(90,230,195)
```
#6be8c9
```
#6be8c9 rgb(107,232,201)
```
#7cebcf
```
#7cebcf rgb(124,235,207)
```
#8dedd5
```
#8dedd5 rgb(141,237,213)
```
#9ef0dc
```
#9ef0dc rgb(158,240,220)
```
#aff3e2
```
#aff3e2 rgb(175,243,226)
```
#c0f5e8
```
#c0f5e8 rgb(192,245,232)
```
#d1f8ee
```
#d1f8ee rgb(209,248,238)
```
#e2fbf4
```
#e2fbf4 rgb(226,251,244)
```
#f3fdfb
```
#f3fdfb rgb(243,253,251)
```

Tint Color Variation

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

#616967
```
#616967 rgb(97,105,103)
```
#59716b
```
#59716b rgb(89,113,107)
```
#51796f
```
#51796f rgb(81,121,111)
```
#4a8073
```
#4a8073 rgb(74,128,115)
```
#428877
```
#428877 rgb(66,136,119)
```
#3a907a
```
#3a907a rgb(58,144,122)
```
#32987e
```
#32987e rgb(50,152,126)
```
#2b9f82
```
#2b9f82 rgb(43,159,130)
```
#23a786
```
#23a786 rgb(35,167,134)
```
#1baf8a
```
#1baf8a rgb(27,175,138)
```
#13b78e
```
#13b78e rgb(19,183,142)
```
#0bbf92
```
#0bbf92 rgb(11,191,146)
```
#04c696
```
#04c696 rgb(4,198,150)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6b8981 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89f86 Protanopia 1% of men
#b19b98 Deuteranopia 1% of men
#48adb9 Tritanopia 0.001% of the population

Trichromacy

#75a588 Protanomaly 1% of men, 0.01% of women
#7aa293 Deuteranomaly 6% of men, 0.4% of women
#37ada8 Tritanomaly 0.01% of the population

#1baf8a hex color

#1baf8a Color Information

#1baf8a Color Conversion

Color Schemes with #1baf8a

Alternatives to #1baf8a

#1baf8a Preview

Shades and Tints of #1baf8a

Tones of #1baf8a

Color Blindness Simulator