#18b8ca hex color

In a RGB color space, hex #18b8ca is composed of 9.4% red, 72.2% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 88.1% cyan, 8.9% magenta, 0% yellow and 20.8% black. It has a hue angle of 186.1 degrees, a saturation of 78.8% and a lightness of 44.3%. #18b8ca color hex could be obtained by blending #30ffff with #007195. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 72
- B 79
RGB color chart
- C 88
- M 9
- Y 0
- K 21
CMYK color chart

● #18b8ca color description : Strong cyan.

The hexadecimal color #18b8ca has RGB values of R:24, G:184, B:202 and CMYK values of C:0.88, M:0.09, Y:0, K:0.21. Its decimal value is 1620170.

Hex triplet	18b8ca	`#18b8ca`
RGB Decimal	24, 184, 202	`rgb(24,184,202)`
RGB Percent	9.4, 72.2, 79.2	`rgb(9.4%,72.2%,79.2%)`
CMYK	88, 9, 0, 21
HSL	186.1°, 78.8, 44.3	`hsl(186.1,78.8%,44.3%)`
HSV (or HSB)	186.1°, 88.1, 79.2
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.56, -31.1, -19.858
XYZ	28.175, 38.737, 61.866
xyY	0.219, 0.301, 38.737
CIE-LCH	68.56, 36.899, 212.559
CIE-LUV	68.56, -49.955, -26.48
Hunter-Lab	62.239, -28.113, -15.368
Binary	00011000, 10111000, 11001010

#18b8ca
```
#18b8ca rgb(24,184,202)
```
#ca2a18
```
#ca2a18 rgb(202,42,24)
```

Complementary Color

#18ca83
```
#18ca83 rgb(24,202,131)
```
#18b8ca
```
#18b8ca rgb(24,184,202)
```
#185fca
```
#185fca rgb(24,95,202)
```

Analogous Color

#ca8318
```
#ca8318 rgb(202,131,24)
```
#18b8ca
```
#18b8ca rgb(24,184,202)
```
#ca185f
```
#ca185f rgb(202,24,95)
```

Split Complementary Color

#b8ca18
```
#b8ca18 rgb(184,202,24)
```
#18b8ca
```
#18b8ca rgb(24,184,202)
```
#ca18b8
```
#ca18b8 rgb(202,24,184)
```

Triadic Color

#18ca2a
```
#18ca2a rgb(24,202,42)
```
#18b8ca
```
#18b8ca rgb(24,184,202)
```
#ca18b8
```
#ca18b8 rgb(202,24,184)
```
#ca2a18
```
#ca2a18 rgb(202,42,24)
```

Tetradic Color

#107a86
```
#107a86 rgb(16,122,134)
```
#138e9c
```
#138e9c rgb(19,142,156)
```
#15a3b3
```
#15a3b3 rgb(21,163,179)
```
#18b8ca
```
#18b8ca rgb(24,184,202)
```
#1bcde1
```
#1bcde1 rgb(27,205,225)
```
#2fd4e6
```
#2fd4e6 rgb(47,212,230)
```
#46d8e9
```
#46d8e9 rgb(70,216,233)
```

Monochromatic Color

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

#18cab0
```
#18cab0 rgb(24,202,176)
```
#18cabe
```
#18cabe rgb(24,202,190)
```
#18c7ca
```
#18c7ca rgb(24,199,202)
```
#18b8ca
```
#18b8ca rgb(24,184,202)
```
#18a9ca
```
#18a9ca rgb(24,169,202)
```
#189aca
```
#189aca rgb(24,154,202)
```
#188cca
```
#188cca rgb(24,140,202)
```

Similar Colors

Text with hexadecimal color #18b8ca

This text has a font color of #18b8ca.

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

#18b8ca background color

This paragraph has a background color of #18b8ca.

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

#18b8ca border color

This element has a border color of #18b8ca.

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

CSS codes

.text {color:#18b8ca;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#03181b
```
#03181b rgb(3,24,27)
```
#05282c
```
#05282c rgb(5,40,44)
```
#07383e
```
#07383e rgb(7,56,62)
```
#09484f
```
#09484f rgb(9,72,79)
```
#0c5861
```
#0c5861 rgb(12,88,97)
```
#0e6872
```
#0e6872 rgb(14,104,114)
```
#107884
```
#107884 rgb(16,120,132)
```
#128895
```
#128895 rgb(18,136,149)
```
#1498a7
```
#1498a7 rgb(20,152,167)
```
#16a8b8
```
#16a8b8 rgb(22,168,184)
```
#18b8ca
```
#18b8ca rgb(24,184,202)
```
#1ac8dc
```
#1ac8dc rgb(26,200,220)
```

Shade Color Variation

#24d2e5
```
#24d2e5 rgb(36,210,229)
```
#36d5e7
```
#36d5e7 rgb(54,213,231)
```
#47d9e9
```
#47d9e9 rgb(71,217,233)
```
#59dceb
```
#59dceb rgb(89,220,235)
```
#6ae0ed
```
#6ae0ed rgb(106,224,237)
```
#7ce4ef
```
#7ce4ef rgb(124,228,239)
```
#8de7f2
```
#8de7f2 rgb(141,231,242)
```
#9febf4
```
#9febf4 rgb(159,235,244)
```
#b0eff6
```
#b0eff6 rgb(176,239,246)
```
#c2f2f8
```
#c2f2f8 rgb(194,242,248)
```
#d4f6fa
```
#d4f6fa rgb(212,246,250)
```
#e5fafc
```
#e5fafc rgb(229,250,252)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#6f7373
```
#6f7373 rgb(111,115,115)
```
#667a7c
```
#667a7c rgb(102,122,124)
```
#5e8184
```
#5e8184 rgb(94,129,132)
```
#55878d
```
#55878d rgb(85,135,141)
```
#4c8e96
```
#4c8e96 rgb(76,142,150)
```
#43959f
```
#43959f rgb(67,149,159)
```
#3b9ca7
```
#3b9ca7 rgb(59,156,167)
```
#32a3b0
```
#32a3b0 rgb(50,163,176)
```
#29aab9
```
#29aab9 rgb(41,170,185)
```
#21b1c1
```
#21b1c1 rgb(33,177,193)
```
#18b8ca
```
#18b8ca rgb(24,184,202)
```
#0fbfd3
```
#0fbfd3 rgb(15,191,211)
```
#07c6db
```
#07c6db rgb(7,198,219)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#739397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7aac2 Protanopia 1% of men
#a5a8d4 Deuteranopia 1% of men
#1dbcc9 Tritanopia 0.001% of the population

Trichromacy

#73afc5 Protanomaly 1% of men, 0.01% of women
#72aed0 Deuteranomaly 6% of men, 0.4% of women
#1bbac9 Tritanomaly 0.01% of the population

#18b8ca hex color

#18b8ca Color Information

#18b8ca Color Conversion

Color Schemes with #18b8ca

Alternatives to #18b8ca

#18b8ca Preview

Shades and Tints of #18b8ca

Tones of #18b8ca

Color Blindness Simulator