#18bcca hex color

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

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

● #18bcca color description : Strong cyan.

The hexadecimal color #18bcca has RGB values of R:24, G:188, B:202 and CMYK values of C:0.88, M:0.07, Y:0, K:0.21. Its decimal value is 1621194.

Hex triplet	18bcca	`#18bcca`
RGB Decimal	24, 188, 202	`rgb(24,188,202)`
RGB Percent	9.4, 73.7, 79.2	`rgb(9.4%,73.7%,79.2%)`
CMYK	88, 7, 0, 21
HSL	184.7°, 78.8, 44.3	`hsl(184.7,78.8%,44.3%)`
HSV (or HSB)	184.7°, 88.1, 79.2
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.769, -33.02, -18.023
XYZ	29.017, 40.422, 62.147
xyY	0.221, 0.307, 40.422
CIE-LCH	69.769, 37.618, 208.628
CIE-LUV	69.769, -51.335, -23.26
Hunter-Lab	63.578, -29.794, -13.45
Binary	00011000, 10111100, 11001010

#18bcca
```
#18bcca rgb(24,188,202)
```
#ca2618
```
#ca2618 rgb(202,38,24)
```

Complementary Color

#18ca7f
```
#18ca7f rgb(24,202,127)
```
#18bcca
```
#18bcca rgb(24,188,202)
```
#1863ca
```
#1863ca rgb(24,99,202)
```

Analogous Color

#ca7f18
```
#ca7f18 rgb(202,127,24)
```
#18bcca
```
#18bcca rgb(24,188,202)
```
#ca1863
```
#ca1863 rgb(202,24,99)
```

Split Complementary Color

#bcca18
```
#bcca18 rgb(188,202,24)
```
#18bcca
```
#18bcca rgb(24,188,202)
```
#ca18bc
```
#ca18bc rgb(202,24,188)
```

Triadic Color

#18ca26
```
#18ca26 rgb(24,202,38)
```
#18bcca
```
#18bcca rgb(24,188,202)
```
#ca18bc
```
#ca18bc rgb(202,24,188)
```
#ca2618
```
#ca2618 rgb(202,38,24)
```

Tetradic Color

#107c86
```
#107c86 rgb(16,124,134)
```
#13929c
```
#13929c rgb(19,146,156)
```
#15a7b3
```
#15a7b3 rgb(21,167,179)
```
#18bcca
```
#18bcca rgb(24,188,202)
```
#1bd1e1
```
#1bd1e1 rgb(27,209,225)
```
#2fd8e6
```
#2fd8e6 rgb(47,216,230)
```
#46dce9
```
#46dce9 rgb(70,220,233)
```

Monochromatic Color

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

#18caac
```
#18caac rgb(24,202,172)
```
#18caba
```
#18caba rgb(24,202,186)
```
#18cac9
```
#18cac9 rgb(24,202,201)
```
#18bcca
```
#18bcca rgb(24,188,202)
```
#18adca
```
#18adca rgb(24,173,202)
```
#189eca
```
#189eca rgb(24,158,202)
```
#1890ca
```
#1890ca rgb(24,144,202)
```

Similar Colors

Text with hexadecimal color #18bcca

This text has a font color of #18bcca.

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

#18bcca background color

This paragraph has a background color of #18bcca.

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

#18bcca border color

This element has a border color of #18bcca.

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

CSS codes

.text {color:#18bcca;}

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

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

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

#010909
```
#010909 rgb(1,9,9)
```
#03191b
```
#03191b rgb(3,25,27)
```
#05292c
```
#05292c rgb(5,41,44)
```
#07393e
```
#07393e rgb(7,57,62)
```
#094a4f
```
#094a4f rgb(9,74,79)
```
#0c5a61
```
#0c5a61 rgb(12,90,97)
```
#0e6a72
```
#0e6a72 rgb(14,106,114)
```
#107b84
```
#107b84 rgb(16,123,132)
```
#128b95
```
#128b95 rgb(18,139,149)
```
#149ba7
```
#149ba7 rgb(20,155,167)
```
#16acb8
```
#16acb8 rgb(22,172,184)
```
#18bcca
```
#18bcca rgb(24,188,202)
```
#1accdc
```
#1accdc rgb(26,204,220)
```

Shade Color Variation

#24d6e5
```
#24d6e5 rgb(36,214,229)
```
#36d9e7
```
#36d9e7 rgb(54,217,231)
```
#47dce9
```
#47dce9 rgb(71,220,233)
```
#59e0eb
```
#59e0eb rgb(89,224,235)
```
#6ae3ed
```
#6ae3ed rgb(106,227,237)
```
#7ce6ef
```
#7ce6ef rgb(124,230,239)
```
#8deaf2
```
#8deaf2 rgb(141,234,242)
```
#9fedf4
```
#9fedf4 rgb(159,237,244)
```
#b0f0f6
```
#b0f0f6 rgb(176,240,246)
```
#c2f4f8
```
#c2f4f8 rgb(194,244,248)
```
#d4f7fa
```
#d4f7fa rgb(212,247,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 #07cbdb is the most saturated one.

#6f7373
```
#6f7373 rgb(111,115,115)
```
#667a7c
```
#667a7c rgb(102,122,124)
```
#5e8184
```
#5e8184 rgb(94,129,132)
```
#55898d
```
#55898d rgb(85,137,141)
```
#4c9096
```
#4c9096 rgb(76,144,150)
```
#43979f
```
#43979f rgb(67,151,159)
```
#3b9fa7
```
#3b9fa7 rgb(59,159,167)
```
#32a6b0
```
#32a6b0 rgb(50,166,176)
```
#29adb9
```
#29adb9 rgb(41,173,185)
```
#21b5c1
```
#21b5c1 rgb(33,181,193)
```
#18bcca
```
#18bcca rgb(24,188,202)
```
#0fc3d3
```
#0fc3d3 rgb(15,195,211)
```
#07cbdb
```
#07cbdb rgb(7,203,219)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#769699 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abadc2 Protanopia 1% of men
#aaabd4 Deuteranopia 1% of men
#25bfcd Tritanopia 0.001% of the population

Trichromacy

#76b2c4 Protanomaly 1% of men, 0.01% of women
#75b1d0 Deuteranomaly 6% of men, 0.4% of women
#20becc Tritanomaly 0.01% of the population

#18bcca hex color

#18bcca Color Information

#18bcca Color Conversion

Color Schemes with #18bcca

Alternatives to #18bcca

#18bcca Preview

Shades and Tints of #18bcca

Tones of #18bcca

Color Blindness Simulator