#18b9ba hex color

In a RGB color space, hex #18b9ba is composed of 9.4% red, 72.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 0.5% magenta, 0% yellow and 27.1% black. It has a hue angle of 180.4 degrees, a saturation of 77.1% and a lightness of 41.2%. #18b9ba color hex could be obtained by blending #30ffff with #007375. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 73
- B 73
RGB color chart
- C 87
- M 1
- Y 0
- K 27
CMYK color chart

● #18b9ba color description : Strong cyan.

The hexadecimal color #18b9ba has RGB values of R:24, G:185, B:186 and CMYK values of C:0.87, M:0.01, Y:0, K:0.27. Its decimal value is 1620410.

Hex triplet	18b9ba	`#18b9ba`
RGB Decimal	24, 185, 186	`rgb(24,185,186)`
RGB Percent	9.4, 72.5, 72.9	`rgb(9.4%,72.5%,72.9%)`
CMYK	87, 1, 0, 27
HSL	180.4°, 77.1, 41.2	`hsl(180.4,77.1%,41.2%)`
HSV (or HSB)	180.4°, 87.1, 72.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.34, -36.539, -11.386
XYZ	26.586, 38.435, 52.469
xyY	0.226, 0.327, 38.435
CIE-LCH	68.34, 38.272, 197.308
CIE-LUV	68.34, -51.536, -11.99
Hunter-Lab	61.996, -31.946, -6.782
Binary	00011000, 10111001, 10111010

#18b9ba
```
#18b9ba rgb(24,185,186)
```
#ba1918
```
#ba1918 rgb(186,25,24)
```

Complementary Color

#18ba6a
```
#18ba6a rgb(24,186,106)
```
#18b9ba
```
#18b9ba rgb(24,185,186)
```
#1868ba
```
#1868ba rgb(24,104,186)
```

Analogous Color

#ba6a18
```
#ba6a18 rgb(186,106,24)
```
#18b9ba
```
#18b9ba rgb(24,185,186)
```
#ba1868
```
#ba1868 rgb(186,24,104)
```

Split Complementary Color

#b9ba18
```
#b9ba18 rgb(185,186,24)
```
#18b9ba
```
#18b9ba rgb(24,185,186)
```
#ba18b9
```
#ba18b9 rgb(186,24,185)
```

Triadic Color

#18ba19
```
#18ba19 rgb(24,186,25)
```
#18b9ba
```
#18b9ba rgb(24,185,186)
```
#ba18b9
```
#ba18b9 rgb(186,24,185)
```
#ba1918
```
#ba1918 rgb(186,25,24)
```

Tetradic Color

#0f7676
```
#0f7676 rgb(15,118,118)
```
#128c8d
```
#128c8d rgb(18,140,141)
```
#15a3a3
```
#15a3a3 rgb(21,163,163)
```
#18b9ba
```
#18b9ba rgb(24,185,186)
```
#1bcfd1
```
#1bcfd1 rgb(27,207,209)
```
#22e1e3
```
#22e1e3 rgb(34,225,227)
```
#39e4e5
```
#39e4e5 rgb(57,228,229)
```

Monochromatic Color

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

#18ba93
```
#18ba93 rgb(24,186,147)
```
#18baa0
```
#18baa0 rgb(24,186,160)
```
#18baae
```
#18baae rgb(24,186,174)
```
#18b9ba
```
#18b9ba rgb(24,185,186)
```
#18acba
```
#18acba rgb(24,172,186)
```
#189eba
```
#189eba rgb(24,158,186)
```
#1891ba
```
#1891ba rgb(24,145,186)
```

Similar Colors

Text with hexadecimal color #18b9ba

This text has a font color of #18b9ba.

<span style="color:#18b9ba;">Text here</span>

#18b9ba background color

This paragraph has a background color of #18b9ba.

<p style="background-color:#18b9ba;">Content here</p>

#18b9ba border color

This element has a border color of #18b9ba.

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

CSS codes

.text {color:#18b9ba;}

.background {background-color:#18b9ba;}

.border {border:1px solid #18b9ba;}

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, #020c0c is the darkest color, while #fafefe is the lightest one.

#020c0c
```
#020c0c rgb(2,12,12)
```
#041d1e
```
#041d1e rgb(4,29,30)
```
#062f2f
```
#062f2f rgb(6,47,47)
```
#084040
```
#084040 rgb(8,64,64)
```
#0b5152
```
#0b5152 rgb(11,81,82)
```
#0d6363
```
#0d6363 rgb(13,99,99)
```
#0f7475
```
#0f7475 rgb(15,116,117)
```
#118586
```
#118586 rgb(17,133,134)
```
#149697
```
#149697 rgb(20,150,151)
```
#16a8a9
```
#16a8a9 rgb(22,168,169)
```
#18b9ba
```
#18b9ba rgb(24,185,186)
```
#1acacb
```
#1acacb rgb(26,202,203)
```
#1cdcdd
```
#1cdcdd rgb(28,220,221)
```

Shade Color Variation

#29e2e3
```
#29e2e3 rgb(41,226,227)
```
#3be5e6
```
#3be5e6 rgb(59,229,230)
```
#4ce7e8
```
#4ce7e8 rgb(76,231,232)
```
#5ee9ea
```
#5ee9ea rgb(94,233,234)
```
#6fecec
```
#6fecec rgb(111,236,236)
```
#80eeef
```
#80eeef rgb(128,238,239)
```
#92f0f1
```
#92f0f1 rgb(146,240,241)
```
#a3f3f3
```
#a3f3f3 rgb(163,243,243)
```
#b4f5f5
```
#b4f5f5 rgb(180,245,245)
```
#c6f7f8
```
#c6f7f8 rgb(198,247,248)
```
#d7fafa
```
#d7fafa rgb(215,250,250)
```
#e9fcfc
```
#e9fcfc rgb(233,252,252)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#617171
```
#617171 rgb(97,113,113)
```
#597979
```
#597979 rgb(89,121,121)
```
#518181
```
#518181 rgb(81,129,129)
```
#48898a
```
#48898a rgb(72,137,138)
```
#409192
```
#409192 rgb(64,145,146)
```
#38999a
```
#38999a rgb(56,153,154)
```
#30a1a2
```
#30a1a2 rgb(48,161,162)
```
#28a9aa
```
#28a9aa rgb(40,169,170)
```
#20b1b2
```
#20b1b2 rgb(32,177,178)
```
#18b9ba
```
#18b9ba rgb(24,185,186)
```
#10c1c2
```
#10c1c2 rgb(16,193,194)
```
#08c9ca
```
#08c9ca rgb(8,201,202)
```

Tone Color Variation

Below, you can see how #18b9ba 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

#898989 Achromatopsia 0.005% of the population
#729393 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abaab3 Protanopia 1% of men
#ada7c5 Deuteranopia 1% of men
#33bac8 Tritanopia 0.001% of the population

Trichromacy

#75afb5 Protanomaly 1% of men, 0.01% of women
#77adc1 Deuteranomaly 6% of men, 0.4% of women
#29bac3 Tritanomaly 0.01% of the population

#18b9ba hex color

#18b9ba Color Information

#18b9ba Color Conversion

Color Schemes with #18b9ba

Alternatives to #18b9ba

#18b9ba Preview

Shades and Tints of #18b9ba

Tones of #18b9ba

Color Blindness Simulator