#1baf9f hex color

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

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

● #1baf9f color description : Dark cyan.

The hexadecimal color #1baf9f has RGB values of R:27, G:175, B:159 and CMYK values of C:0.85, M:0, Y:0.09, K:0.31. Its decimal value is 1814431.

Hex triplet	1baf9f	`#1baf9f`
RGB Decimal	27, 175, 159	`rgb(27,175,159)`
RGB Percent	10.6, 68.6, 62.4	`rgb(10.6%,68.6%,62.4%)`
CMYK	85, 0, 9, 31
HSL	173.5°, 73.3, 39.6	`hsl(173.5,73.3%,39.6%)`
HSV (or HSB)	173.5°, 84.6, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.479, -39.719, -2.158
XYZ	22.038, 33.394, 38.083
xyY	0.236, 0.357, 33.394
CIE-LCH	64.479, 39.778, 183.11
CIE-LUV	64.479, -49.872, 2.793
Hunter-Lab	57.787, -33.055, 1.378
Binary	00011011, 10101111, 10011111

#1baf9f
```
#1baf9f rgb(27,175,159)
```
#af1b2b
```
#af1b2b rgb(175,27,43)
```

Complementary Color

#1baf55
```
#1baf55 rgb(27,175,85)
```
#1baf9f
```
#1baf9f rgb(27,175,159)
```
#1b75af
```
#1b75af rgb(27,117,175)
```

Analogous Color

#af551b
```
#af551b rgb(175,85,27)
```
#1baf9f
```
#1baf9f rgb(27,175,159)
```
#af1b75
```
#af1b75 rgb(175,27,117)
```

Split Complementary Color

#af9f1b
```
#af9f1b rgb(175,159,27)
```
#1baf9f
```
#1baf9f rgb(27,175,159)
```
#9f1baf
```
#9f1baf rgb(159,27,175)
```

Triadic Color

#2baf1b
```
#2baf1b rgb(43,175,27)
```
#1baf9f
```
#1baf9f rgb(27,175,159)
```
#9f1baf
```
#9f1baf rgb(159,27,175)
```
#af1b2b
```
#af1b2b rgb(175,27,43)
```

Tetradic Color

#116d63
```
#116d63 rgb(17,109,99)
```
#148377
```
#148377 rgb(20,131,119)
```
#18998b
```
#18998b rgb(24,153,139)
```
#1baf9f
```
#1baf9f rgb(27,175,159)
```
#1ec5b3
```
#1ec5b3 rgb(30,197,179)
```
#22dbc7
```
#22dbc7 rgb(34,219,199)
```
#36e0ce
```
#36e0ce rgb(54,224,206)
```

Monochromatic Color

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

#1baf7a
```
#1baf7a rgb(27,175,122)
```
#1baf86
```
#1baf86 rgb(27,175,134)
```
#1baf93
```
#1baf93 rgb(27,175,147)
```
#1baf9f
```
#1baf9f rgb(27,175,159)
```
#1bafab
```
#1bafab rgb(27,175,171)
```
#1ba6af
```
#1ba6af rgb(27,166,175)
```
#1b9aaf
```
#1b9aaf rgb(27,154,175)
```

Similar Colors

Text with hexadecimal color #1baf9f

This text has a font color of #1baf9f.

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

#1baf9f background color

This paragraph has a background color of #1baf9f.

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

#1baf9f border color

This element has a border color of #1baf9f.

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

CSS codes

.text {color:#1baf9f;}

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

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

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 #f3fdfc is the lightest one.

#010505
```
#010505 rgb(1,5,5)
```
#031614
```
#031614 rgb(3,22,20)
```
#062723
```
#062723 rgb(6,39,35)
```
#093833
```
#093833 rgb(9,56,51)
```
#0b4942
```
#0b4942 rgb(11,73,66)
```
#0e5a52
```
#0e5a52 rgb(14,90,82)
```
#116b61
```
#116b61 rgb(17,107,97)
```
#137c71
```
#137c71 rgb(19,124,113)
```
#168d80
```
#168d80 rgb(22,141,128)
```
#189e90
```
#189e90 rgb(24,158,144)
```
#1baf9f
```
#1baf9f rgb(27,175,159)
```
#1ec0ae
```
#1ec0ae rgb(30,192,174)
```
#20d1be
```
#20d1be rgb(32,209,190)
```

Shade Color Variation

#27deca
```
#27deca rgb(39,222,202)
```
#38e0ce
```
#38e0ce rgb(56,224,206)
```
#49e3d2
```
#49e3d2 rgb(73,227,210)
```
#5ae6d6
```
#5ae6d6 rgb(90,230,214)
```
#6be8db
```
#6be8db rgb(107,232,219)
```
#7cebdf
```
#7cebdf rgb(124,235,223)
```
#8dede3
```
#8dede3 rgb(141,237,227)
```
#9ef0e7
```
#9ef0e7 rgb(158,240,231)
```
#aff3eb
```
#aff3eb rgb(175,243,235)
```
#c0f5f0
```
#c0f5f0 rgb(192,245,240)
```
#d1f8f4
```
#d1f8f4 rgb(209,248,244)
```
#e2fbf8
```
#e2fbf8 rgb(226,251,248)
```
#f3fdfc
```
#f3fdfc rgb(243,253,252)
```

Tint Color Variation

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

#616968
```
#616968 rgb(97,105,104)
```
#59716e
```
#59716e rgb(89,113,110)
```
#517974
```
#517974 rgb(81,121,116)
```
#4a807a
```
#4a807a rgb(74,128,122)
```
#428881
```
#428881 rgb(66,136,129)
```
#3a9087
```
#3a9087 rgb(58,144,135)
```
#32988d
```
#32988d rgb(50,152,141)
```
#2b9f93
```
#2b9f93 rgb(43,159,147)
```
#23a799
```
#23a799 rgb(35,167,153)
```
#1baf9f
```
#1baf9f rgb(27,175,159)
```
#13b7a5
```
#13b7a5 rgb(19,183,165)
```
#0bbfab
```
#0bbfab rgb(11,191,171)
```
#04c6b1
```
#04c6b1 rgb(4,198,177)
```

Tone Color Variation

Below, you can see how #1baf9f 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
#6d8a87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a09a Protanopia 1% of men
#ab9dab Deuteranopia 1% of men
#3fafbc Tritanopia 0.001% of the population

Trichromacy

#73a59c Protanomaly 1% of men, 0.01% of women
#76a3a7 Deuteranomaly 6% of men, 0.4% of women
#31afb1 Tritanomaly 0.01% of the population

#1baf9f hex color

#1baf9f Color Information

#1baf9f Color Conversion

Color Schemes with #1baf9f

Alternatives to #1baf9f

#1baf9f Preview

Shades and Tints of #1baf9f

Tones of #1baf9f

Color Blindness Simulator