#18cdff hex color

In a RGB color space, hex #18cdff is composed of 9.4% red, 80.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 19.6% magenta, 0% yellow and 0% black. It has a hue angle of 193 degrees, a saturation of 100% and a lightness of 54.7%. #18cdff color hex could be obtained by blending #30ffff with #009bff. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 9
- G 80
- B 100
RGB color chart
- C 91
- M 20
- Y 0
- K 0
CMYK color chart

● #18cdff color description : Vivid cyan.

The hexadecimal color #18cdff has RGB values of R:24, G:205, B:255 and CMYK values of C:0.91, M:0.2, Y:0, K:0. Its decimal value is 1625599.

Hex triplet	18cdff	`#18cdff`
RGB Decimal	24, 205, 255	`rgb(24,205,255)`
RGB Percent	9.4, 80.4, 100	`rgb(9.4%,80.4%,100%)`
CMYK	91, 20, 0, 0
HSL	193°, 100, 54.7	`hsl(193,100%,54.7%)`
HSV (or HSB)	193°, 90.6, 100
Web Safe	00ccff	`#00ccff`

CIE-LAB	76.723, -24.186, -36.043
XYZ	40.253, 51.073, 102.339
xyY	0.208, 0.264, 51.073
CIE-LCH	76.723, 43.405, 236.137
CIE-LUV	76.723, -53.083, -55.338
Hunter-Lab	71.465, -24.523, -34.878
Binary	00011000, 11001101, 11111111

#18cdff
```
#18cdff rgb(24,205,255)
```
#ff4a18
```
#ff4a18 rgb(255,74,24)
```

Complementary Color

#18ffbe
```
#18ffbe rgb(24,255,190)
```
#18cdff
```
#18cdff rgb(24,205,255)
```
#185aff
```
#185aff rgb(24,90,255)
```

Analogous Color

#ffbe18
```
#ffbe18 rgb(255,190,24)
```
#18cdff
```
#18cdff rgb(24,205,255)
```
#ff185a
```
#ff185a rgb(255,24,90)
```

Split Complementary Color

#cdff18
```
#cdff18 rgb(205,255,24)
```
#18cdff
```
#18cdff rgb(24,205,255)
```
#ff18cd
```
#ff18cd rgb(255,24,205)
```

Triadic Color

#18ff4a
```
#18ff4a rgb(24,255,74)
```
#18cdff
```
#18cdff rgb(24,205,255)
```
#ff18cd
```
#ff18cd rgb(255,24,205)
```
#ff4a18
```
#ff4a18 rgb(255,74,24)
```

Tetradic Color

#009fcb
```
#009fcb rgb(0,159,203)
```
#00b3e4
```
#00b3e4 rgb(0,179,228)
```
#00c7fe
```
#00c7fe rgb(0,199,254)
```
#18cdff
```
#18cdff rgb(24,205,255)
```
#32d3ff
```
#32d3ff rgb(50,211,255)
```
#4bd8ff
```
#4bd8ff rgb(75,216,255)
```
#65deff
```
#65deff rgb(101,222,255)
```

Monochromatic Color

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

#18fff7
```
#18fff7 rgb(24,255,247)
```
#18f4ff
```
#18f4ff rgb(24,244,255)
```
#18e0ff
```
#18e0ff rgb(24,224,255)
```
#18cdff
```
#18cdff rgb(24,205,255)
```
#18baff
```
#18baff rgb(24,186,255)
```
#18a7ff
```
#18a7ff rgb(24,167,255)
```
#1893ff
```
#1893ff rgb(24,147,255)
```

Similar Colors

Text with hexadecimal color #18cdff

This text has a font color of #18cdff.

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

#18cdff background color

This paragraph has a background color of #18cdff.

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

#18cdff border color

This element has a border color of #18cdff.

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

CSS codes

.text {color:#18cdff;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001318
```
#001318 rgb(0,19,24)
```
#00222c
```
#00222c rgb(0,34,44)
```
#00323f
```
#00323f rgb(0,50,63)
```
#004153
```
#004153 rgb(0,65,83)
```
#005066
```
#005066 rgb(0,80,102)
```
#00607a
```
#00607a rgb(0,96,122)
```
#006f8e
```
#006f8e rgb(0,111,142)
```
#007ea1
```
#007ea1 rgb(0,126,161)
```
#008eb5
```
#008eb5 rgb(0,142,181)
```
#009dc9
```
#009dc9 rgb(0,157,201)
```
#00addc
```
#00addc rgb(0,173,220)
```
#00bcf0
```
#00bcf0 rgb(0,188,240)
```

Shade Color Variation

#04c9ff
```
#04c9ff rgb(4,201,255)
```
#18cdff
```
#18cdff rgb(24,205,255)
```
#2cd1ff
```
#2cd1ff rgb(44,209,255)
```
#3fd5ff
```
#3fd5ff rgb(63,213,255)
```
#53daff
```
#53daff rgb(83,218,255)
```
#66deff
```
#66deff rgb(102,222,255)
```
#7ae2ff
```
#7ae2ff rgb(122,226,255)
```
#8ee6ff
```
#8ee6ff rgb(142,230,255)
```
#a1ebff
```
#a1ebff rgb(161,235,255)
```
#b5efff
```
#b5efff rgb(181,239,255)
```
#c9f3ff
```
#c9f3ff rgb(201,243,255)
```
#dcf7ff
```
#dcf7ff rgb(220,247,255)
```
#f0fcff
```
#f0fcff rgb(240,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #839194 is the less saturated color, while #18cdff is the most saturated one.

#839194
```
#839194 rgb(131,145,148)
```
#7a969d
```
#7a969d rgb(122,150,157)
```
#719ba6
```
#719ba6 rgb(113,155,166)
```
#68a0af
```
#68a0af rgb(104,160,175)
```
#5fa5b8
```
#5fa5b8 rgb(95,165,184)
```
#56aac1
```
#56aac1 rgb(86,170,193)
```
#4dafca
```
#4dafca rgb(77,175,202)
```
#44b4d3
```
#44b4d3 rgb(68,180,211)
```
#3cb9db
```
#3cb9db rgb(60,185,219)
```
#33bee4
```
#33bee4 rgb(51,190,228)
```
#2ac3ed
```
#2ac3ed rgb(42,195,237)
```
#21c8f6
```
#21c8f6 rgb(33,200,246)
```
#18cdff
```
#18cdff rgb(24,205,255)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#82a7b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bef3 Protanopia 1% of men
#aabfff Deuteranopia 1% of men
#00d3e2 Tritanopia 0.001% of the population

Trichromacy

#79c3f7 Protanomaly 1% of men, 0.01% of women
#75c4ff Deuteranomaly 6% of men, 0.4% of women
#08d1ec Tritanomaly 0.01% of the population

#18cdff hex color

#18cdff Color Information

#18cdff Color Conversion

Color Schemes with #18cdff

Alternatives to #18cdff

#18cdff Preview

Shades and Tints of #18cdff

Tones of #18cdff

Color Blindness Simulator