#18b695 hex color

In a RGB color space, hex #18b695 is composed of 9.4% red, 71.4% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 0% magenta, 18.1% yellow and 28.6% black. It has a hue angle of 167.5 degrees, a saturation of 76.7% and a lightness of 40.4%. #18b695 color hex could be obtained by blending #30ffff with #006d2b. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 9
- G 71
- B 58
RGB color chart
- C 87
- M 0
- Y 18
- K 29
CMYK color chart

● #18b695 color description : Strong cyan.

The hexadecimal color #18b695 has RGB values of R:24, G:182, B:149 and CMYK values of C:0.87, M:0, Y:0.18, K:0.29. Its decimal value is 1619605.

Hex triplet	18b695	`#18b695`
RGB Decimal	24, 182, 149	`rgb(24,182,149)`
RGB Percent	9.4, 71.4, 58.4	`rgb(9.4%,71.4%,58.4%)`
CMYK	87, 0, 18, 29
HSL	167.5°, 76.7, 40.4	`hsl(167.5,76.7%,40.4%)`
HSV (or HSB)	167.5°, 86.8, 71.4
Web Safe	00cc99	`#00cc99`

CIE-LAB	66.38, -45.659, 6.138
XYZ	22.527, 35.818, 34.158
xyY	0.244, 0.387, 35.818
CIE-LCH	66.38, 46.07, 172.343
CIE-LUV	66.38, -53.311, 15.89
Hunter-Lab	59.848, -37.544, 8.054
Binary	00011000, 10110110, 10010101

#18b695
```
#18b695 rgb(24,182,149)
```
#b61839
```
#b61839 rgb(182,24,57)
```

Complementary Color

#18b646
```
#18b646 rgb(24,182,70)
```
#18b695
```
#18b695 rgb(24,182,149)
```
#1888b6
```
#1888b6 rgb(24,136,182)
```

Analogous Color

#b64618
```
#b64618 rgb(182,70,24)
```
#18b695
```
#18b695 rgb(24,182,149)
```
#b61888
```
#b61888 rgb(182,24,136)
```

Split Complementary Color

#b69518
```
#b69518 rgb(182,149,24)
```
#18b695
```
#18b695 rgb(24,182,149)
```
#9518b6
```
#9518b6 rgb(149,24,182)
```

Triadic Color

#39b618
```
#39b618 rgb(57,182,24)
```
#18b695
```
#18b695 rgb(24,182,149)
```
#9518b6
```
#9518b6 rgb(149,24,182)
```
#b61839
```
#b61839 rgb(182,24,57)
```

Tetradic Color

#0f725e
```
#0f725e rgb(15,114,94)
```
#128970
```
#128970 rgb(18,137,112)
```
#159f83
```
#159f83 rgb(21,159,131)
```
#18b695
```
#18b695 rgb(24,182,149)
```
#1bcda7
```
#1bcda7 rgb(27,205,167)
```
#1fe2b9
```
#1fe2b9 rgb(31,226,185)
```
#36e4c0
```
#36e4c0 rgb(54,228,192)
```

Monochromatic Color

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

#18b66e
```
#18b66e rgb(24,182,110)
```
#18b67b
```
#18b67b rgb(24,182,123)
```
#18b688
```
#18b688 rgb(24,182,136)
```
#18b695
```
#18b695 rgb(24,182,149)
```
#18b6a2
```
#18b6a2 rgb(24,182,162)
```
#18b6af
```
#18b6af rgb(24,182,175)
```
#18b0b6
```
#18b0b6 rgb(24,176,182)
```

Similar Colors

Text with hexadecimal color #18b695

This text has a font color of #18b695.

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

#18b695 background color

This paragraph has a background color of #18b695.

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

#18b695 border color

This element has a border color of #18b695.

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

CSS codes

.text {color:#18b695;}

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

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

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

#010907
```
#010907 rgb(1,9,7)
```
#031a15
```
#031a15 rgb(3,26,21)
```
#062b23
```
#062b23 rgb(6,43,35)
```
#083d32
```
#083d32 rgb(8,61,50)
```
#0a4e40
```
#0a4e40 rgb(10,78,64)
```
#0d5f4e
```
#0d5f4e rgb(13,95,78)
```
#0f715c
```
#0f715c rgb(15,113,92)
```
#11826a
```
#11826a rgb(17,130,106)
```
#139379
```
#139379 rgb(19,147,121)
```
#16a587
```
#16a587 rgb(22,165,135)
```
#18b695
```
#18b695 rgb(24,182,149)
```
#1ac7a3
```
#1ac7a3 rgb(26,199,163)
```
#1dd9b1
```
#1dd9b1 rgb(29,217,177)
```

Shade Color Variation

#26e2bb
```
#26e2bb rgb(38,226,187)
```
#38e5c1
```
#38e5c1 rgb(56,229,193)
```
#49e7c6
```
#49e7c6 rgb(73,231,198)
```
#5ae9cb
```
#5ae9cb rgb(90,233,203)
```
#6cecd1
```
#6cecd1 rgb(108,236,209)
```
#7deed6
```
#7deed6 rgb(125,238,214)
```
#8ef0dc
```
#8ef0dc rgb(142,240,220)
```
#a0f2e1
```
#a0f2e1 rgb(160,242,225)
```
#b1f5e7
```
#b1f5e7 rgb(177,245,231)
```
#c2f7ec
```
#c2f7ec rgb(194,247,236)
```
#d4f9f1
```
#d4f9f1 rgb(212,249,241)
```
#e5fcf7
```
#e5fcf7 rgb(229,252,247)
```
#f6fefc
```
#f6fefc rgb(246,254,252)
```

Tint Color Variation

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

#5f6f6b
```
#5f6f6b rgb(95,111,107)
```
#577770
```
#577770 rgb(87,119,112)
```
#4f7f75
```
#4f7f75 rgb(79,127,117)
```
#488679
```
#488679 rgb(72,134,121)
```
#408e7e
```
#408e7e rgb(64,142,126)
```
#389683
```
#389683 rgb(56,150,131)
```
#309e87
```
#309e87 rgb(48,158,135)
```
#28a68c
```
#28a68c rgb(40,166,140)
```
#20ae90
```
#20ae90 rgb(32,174,144)
```
#18b695
```
#18b695 rgb(24,182,149)
```
#10be9a
```
#10be9a rgb(16,190,154)
```
#08c69e
```
#08c69e rgb(8,198,158)
```
#00cea3
```
#00cea3 rgb(0,206,163)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#6e8d87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea590 Protanopia 1% of men
#b6a1a3 Deuteranopia 1% of men
#47b4c1 Tritanopia 0.001% of the population

Trichromacy

#77ab92 Protanomaly 1% of men, 0.01% of women
#7ca89e Deuteranomaly 6% of men, 0.4% of women
#36b4b1 Tritanomaly 0.01% of the population

#18b695 hex color

#18b695 Color Information

#18b695 Color Conversion

Color Schemes with #18b695

Alternatives to #18b695

#18b695 Preview

Shades and Tints of #18b695

Tones of #18b695

Color Blindness Simulator