#18b1a0 hex color

In a RGB color space, hex #18b1a0 is composed of 9.4% red, 69.4% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 0% magenta, 9.6% yellow and 30.6% black. It has a hue angle of 173.3 degrees, a saturation of 76.1% and a lightness of 39.4%. #18b1a0 color hex could be obtained by blending #30ffff with #006341. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 9
- G 69
- B 63
RGB color chart
- C 86
- M 0
- Y 10
- K 31
CMYK color chart

● #18b1a0 color description : Dark cyan.

The hexadecimal color #18b1a0 has RGB values of R:24, G:177, B:160 and CMYK values of C:0.86, M:0, Y:0.1, K:0.31. Its decimal value is 1618336.

Hex triplet	18b1a0	`#18b1a0`
RGB Decimal	24, 177, 160	`rgb(24,177,160)`
RGB Percent	9.4, 69.4, 62.7	`rgb(9.4%,69.4%,62.7%)`
CMYK	86, 0, 10, 31
HSL	173.3°, 76.1, 39.4	`hsl(173.3,76.1%,39.4%)`
HSV (or HSB)	173.3°, 86.4, 69.4
Web Safe	009999	`#009999`

CIE-LAB	65.101, -40.535, -1.805
XYZ	22.442, 34.174, 38.669
xyY	0.236, 0.359, 34.174
CIE-LCH	65.101, 40.575, 182.549
CIE-LUV	65.101, -50.746, 3.447
Hunter-Lab	58.459, -33.778, 1.702
Binary	00011000, 10110001, 10100000

#18b1a0
```
#18b1a0 rgb(24,177,160)
```
#b11829
```
#b11829 rgb(177,24,41)
```

Complementary Color

#18b153
```
#18b153 rgb(24,177,83)
```
#18b1a0
```
#18b1a0 rgb(24,177,160)
```
#1876b1
```
#1876b1 rgb(24,118,177)
```

Analogous Color

#b15418
```
#b15418 rgb(177,84,24)
```
#18b1a0
```
#18b1a0 rgb(24,177,160)
```
#b11876
```
#b11876 rgb(177,24,118)
```

Split Complementary Color

#b1a018
```
#b1a018 rgb(177,160,24)
```
#18b1a0
```
#18b1a0 rgb(24,177,160)
```
#a018b1
```
#a018b1 rgb(160,24,177)
```

Triadic Color

#29b118
```
#29b118 rgb(41,177,24)
```
#18b1a0
```
#18b1a0 rgb(24,177,160)
```
#a018b1
```
#a018b1 rgb(160,24,177)
```
#b11829
```
#b11829 rgb(177,24,41)
```

Tetradic Color

#0f6e63
```
#0f6e63 rgb(15,110,99)
```
#128477
```
#128477 rgb(18,132,119)
```
#159b8c
```
#159b8c rgb(21,155,140)
```
#18b1a0
```
#18b1a0 rgb(24,177,160)
```
#1bc7b4
```
#1bc7b4 rgb(27,199,180)
```
#1edec9
```
#1edec9 rgb(30,222,201)
```
#32e3d0
```
#32e3d0 rgb(50,227,208)
```

Monochromatic Color

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

#18b17a
```
#18b17a rgb(24,177,122)
```
#18b187
```
#18b187 rgb(24,177,135)
```
#18b193
```
#18b193 rgb(24,177,147)
```
#18b1a0
```
#18b1a0 rgb(24,177,160)
```
#18b1ad
```
#18b1ad rgb(24,177,173)
```
#18a9b1
```
#18a9b1 rgb(24,169,177)
```
#189cb1
```
#189cb1 rgb(24,156,177)
```

Similar Colors

Text with hexadecimal color #18b1a0

This text has a font color of #18b1a0.

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

#18b1a0 background color

This paragraph has a background color of #18b1a0.

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

#18b1a0 border color

This element has a border color of #18b1a0.

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

CSS codes

.text {color:#18b1a0;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#031613
```
#031613 rgb(3,22,19)
```
#052723
```
#052723 rgb(5,39,35)
```
#083833
```
#083833 rgb(8,56,51)
```
#0a4942
```
#0a4942 rgb(10,73,66)
```
#0c5b52
```
#0c5b52 rgb(12,91,82)
```
#0f6c62
```
#0f6c62 rgb(15,108,98)
```
#117d71
```
#117d71 rgb(17,125,113)
```
#138e81
```
#138e81 rgb(19,142,129)
```
#16a090
```
#16a090 rgb(22,160,144)
```
#18b1a0
```
#18b1a0 rgb(24,177,160)
```
#1ac2b0
```
#1ac2b0 rgb(26,194,176)
```
#1dd4bf
```
#1dd4bf rgb(29,212,191)
```

Shade Color Variation

#23e1cc
```
#23e1cc rgb(35,225,204)
```
#34e3d0
```
#34e3d0 rgb(52,227,208)
```
#45e6d4
```
#45e6d4 rgb(69,230,212)
```
#57e8d8
```
#57e8d8 rgb(87,232,216)
```
#68eadc
```
#68eadc rgb(104,234,220)
```
#79ede0
```
#79ede0 rgb(121,237,224)
```
#8aefe4
```
#8aefe4 rgb(138,239,228)
```
#9cf2e8
```
#9cf2e8 rgb(156,242,232)
```
#adf4ec
```
#adf4ec rgb(173,244,236)
```
#bef6f0
```
#bef6f0 rgb(190,246,240)
```
#cff9f4
```
#cff9f4 rgb(207,249,244)
```
#e1fbf8
```
#e1fbf8 rgb(225,251,248)
```
#f2fdfc
```
#f2fdfc rgb(242,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6b6a is the less saturated color, while #01c8b2 is the most saturated one.

#5e6b6a
```
#5e6b6a rgb(94,107,106)
```
#567370
```
#567370 rgb(86,115,112)
```
#4e7b76
```
#4e7b76 rgb(78,123,118)
```
#46837c
```
#46837c rgb(70,131,124)
```
#3f8a82
```
#3f8a82 rgb(63,138,130)
```
#379288
```
#379288 rgb(55,146,136)
```
#2f9a8e
```
#2f9a8e rgb(47,154,142)
```
#27a294
```
#27a294 rgb(39,162,148)
```
#20a99a
```
#20a99a rgb(32,169,154)
```
#18b1a0
```
#18b1a0 rgb(24,177,160)
```
#10b9a6
```
#10b9a6 rgb(16,185,166)
```
#09c0ac
```
#09c0ac rgb(9,192,172)
```
#01c8b2
```
#01c8b2 rgb(1,200,178)
```

Tone Color Variation

Below, you can see how #18b1a0 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
#6c8b87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a29b Protanopia 1% of men
#ad9ead Deuteranopia 1% of men
#3eb1be Tritanopia 0.001% of the population

Trichromacy

#73a79c Protanomaly 1% of men, 0.01% of women
#77a5a8 Deuteranomaly 6% of men, 0.4% of women
#30b1b3 Tritanomaly 0.01% of the population

#18b1a0 hex color

#18b1a0 Color Information

#18b1a0 Color Conversion

Color Schemes with #18b1a0

Alternatives to #18b1a0

#18b1a0 Preview

Shades and Tints of #18b1a0

Tones of #18b1a0

Color Blindness Simulator