#18bda4 hex color

In a RGB color space, hex #18bda4 is composed of 9.4% red, 74.1% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 87.3% cyan, 0% magenta, 13.2% yellow and 25.9% black. It has a hue angle of 170.9 degrees, a saturation of 77.5% and a lightness of 41.8%. #18bda4 color hex could be obtained by blending #30ffff with #007b49. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 9
- G 74
- B 64
RGB color chart
- C 87
- M 0
- Y 13
- K 26
CMYK color chart

● #18bda4 color description : Strong cyan.

The hexadecimal color #18bda4 has RGB values of R:24, G:189, B:164 and CMYK values of C:0.87, M:0, Y:0.13, K:0.26. Its decimal value is 1621412.

Hex triplet	18bda4	`#18bda4`
RGB Decimal	24, 189, 164	`rgb(24,189,164)`
RGB Percent	9.4, 74.1, 64.3	`rgb(9.4%,74.1%,64.3%)`
CMYK	87, 0, 13, 26
HSL	170.9°, 77.5, 41.8	`hsl(170.9,77.5%,41.8%)`
HSV (or HSB)	170.9°, 87.3, 74.1
Web Safe	00cc99	`#00cc99`

CIE-LAB	68.944, -44.619, 1.602
XYZ	25.273, 39.267, 41.367
xyY	0.239, 0.371, 39.267
CIE-LCH	68.944, 44.648, 177.943
CIE-LUV	68.944, -54.611, 9.217
Hunter-Lab	62.663, -37.67, 4.724
Binary	00011000, 10111101, 10100100

#18bda4
```
#18bda4 rgb(24,189,164)
```
#bd1831
```
#bd1831 rgb(189,24,49)
```

Complementary Color

#18bd52
```
#18bd52 rgb(24,189,82)
```
#18bda4
```
#18bda4 rgb(24,189,164)
```
#1884bd
```
#1884bd rgb(24,132,189)
```

Analogous Color

#bd5218
```
#bd5218 rgb(189,82,24)
```
#18bda4
```
#18bda4 rgb(24,189,164)
```
#bd1884
```
#bd1884 rgb(189,24,132)
```

Split Complementary Color

#bda418
```
#bda418 rgb(189,164,24)
```
#18bda4
```
#18bda4 rgb(24,189,164)
```
#a418bd
```
#a418bd rgb(164,24,189)
```

Triadic Color

#31bd18
```
#31bd18 rgb(49,189,24)
```
#18bda4
```
#18bda4 rgb(24,189,164)
```
#a418bd
```
#a418bd rgb(164,24,189)
```
#bd1831
```
#bd1831 rgb(189,24,49)
```

Tetradic Color

#0f7969
```
#0f7969 rgb(15,121,105)
```
#12907d
```
#12907d rgb(18,144,125)
```
#15a690
```
#15a690 rgb(21,166,144)
```
#18bda4
```
#18bda4 rgb(24,189,164)
```
#1bd4b8
```
#1bd4b8 rgb(27,212,184)
```
#25e3c6
```
#25e3c6 rgb(37,227,198)
```
#3be6cc
```
#3be6cc rgb(59,230,204)
```

Monochromatic Color

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

#18bd7b
```
#18bd7b rgb(24,189,123)
```
#18bd89
```
#18bd89 rgb(24,189,137)
```
#18bd96
```
#18bd96 rgb(24,189,150)
```
#18bda4
```
#18bda4 rgb(24,189,164)
```
#18bdb2
```
#18bdb2 rgb(24,189,178)
```
#18bbbd
```
#18bbbd rgb(24,187,189)
```
#18adbd
```
#18adbd rgb(24,173,189)
```

Similar Colors

Text with hexadecimal color #18bda4

This text has a font color of #18bda4.

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

#18bda4 background color

This paragraph has a background color of #18bda4.

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

#18bda4 border color

This element has a border color of #18bda4.

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

CSS codes

.text {color:#18bda4;}

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

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

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

#020f0d
```
#020f0d rgb(2,15,13)
```
#04201c
```
#04201c rgb(4,32,28)
```
#06322b
```
#06322b rgb(6,50,43)
```
#09433a
```
#09433a rgb(9,67,58)
```
#0b5549
```
#0b5549 rgb(11,85,73)
```
#0d6658
```
#0d6658 rgb(13,102,88)
```
#0f7768
```
#0f7768 rgb(15,119,104)
```
#118977
```
#118977 rgb(17,137,119)
```
#149a86
```
#149a86 rgb(20,154,134)
```
#16ac95
```
#16ac95 rgb(22,172,149)
```
#18bda4
```
#18bda4 rgb(24,189,164)
```
#1aceb3
```
#1aceb3 rgb(26,206,179)
```
#1ce0c2
```
#1ce0c2 rgb(28,224,194)
```

Shade Color Variation

#2ce4c8
```
#2ce4c8 rgb(44,228,200)
```
#3de6cd
```
#3de6cd rgb(61,230,205)
```
#4ee9d1
```
#4ee9d1 rgb(78,233,209)
```
#60ebd6
```
#60ebd6 rgb(96,235,214)
```
#71edda
```
#71edda rgb(113,237,218)
```
#83efdf
```
#83efdf rgb(131,239,223)
```
#94f1e3
```
#94f1e3 rgb(148,241,227)
```
#a6f4e8
```
#a6f4e8 rgb(166,244,232)
```
#b7f6ec
```
#b7f6ec rgb(183,246,236)
```
#c8f8f1
```
#c8f8f1 rgb(200,248,241)
```
#dafaf5
```
#dafaf5 rgb(218,250,245)
```
#ebfcfa
```
#ebfcfa rgb(235,252,250)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#6a6b6b
```
#6a6b6b rgb(106,107,107)
```
#627371
```
#627371 rgb(98,115,113)
```
#5a7b76
```
#5a7b76 rgb(90,123,118)
```
#51847c
```
#51847c rgb(81,132,124)
```
#498c82
```
#498c82 rgb(73,140,130)
```
#419487
```
#419487 rgb(65,148,135)
```
#399c8d
```
#399c8d rgb(57,156,141)
```
#31a493
```
#31a493 rgb(49,164,147)
```
#28ad99
```
#28ad99 rgb(40,173,153)
```
#20b59e
```
#20b59e rgb(32,181,158)
```
#18bda4
```
#18bda4 rgb(24,189,164)
```
#10c5aa
```
#10c5aa rgb(16,197,170)
```
#08cdaf
```
#08cdaf rgb(8,205,175)
```

Tone Color Variation

Below, you can see how #18bda4 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
#72938e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3ac9e Protanopia 1% of men
#baa7b1 Deuteranopia 1% of men
#45bbc9 Tritanopia 0.001% of the population

Trichromacy

#7ab2a0 Protanomaly 1% of men, 0.01% of women
#7fafac Deuteranomaly 6% of men, 0.4% of women
#34bcbb Tritanomaly 0.01% of the population

#18bda4 hex color

#18bda4 Color Information

#18bda4 Color Conversion

Color Schemes with #18bda4

Alternatives to #18bda4

#18bda4 Preview

Shades and Tints of #18bda4

Tones of #18bda4

Color Blindness Simulator