#18edf5 hex color

In a RGB color space, hex #18edf5 is composed of 9.4% red, 92.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 3.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 182.2 degrees, a saturation of 91.7% and a lightness of 52.7%. #18edf5 color hex could be obtained by blending #30ffff with #00dbeb. Closest websafe color is: #00ffff.

♥
- f
- t
- g
- R 9
- G 93
- B 96
RGB color chart
- C 90
- M 3
- Y 0
- K 4
CMYK color chart

● #18edf5 color description : Vivid cyan.

The hexadecimal color #18edf5 has RGB values of R:24, G:237, B:245 and CMYK values of C:0.9, M:0.03, Y:0, K:0.04. Its decimal value is 1633781.

Hex triplet	18edf5	`#18edf5`
RGB Decimal	24, 237, 245	`rgb(24,237,245)`
RGB Percent	9.4, 92.9, 96.1	`rgb(9.4%,92.9%,96.1%)`
CMYK	90, 3, 0, 4
HSL	182.2°, 91.7, 52.7	`hsl(182.2,91.7%,52.7%)`
HSV (or HSB)	182.2°, 90.2, 96.1
Web Safe	00ffff	`#00ffff`

CIE-LAB	85.681, -42.506, -17.063
XYZ	47.137, 67.35, 96.897
xyY	0.223, 0.319, 67.35
CIE-LCH	85.681, 45.803, 201.871
CIE-LUV	85.681, -64.575, -20.824
Hunter-Lab	82.067, -41.092, -12.557
Binary	00011000, 11101101, 11110101

#18edf5
```
#18edf5 rgb(24,237,245)
```
#f52018
```
#f52018 rgb(245,32,24)
```

Complementary Color

#18f58f
```
#18f58f rgb(24,245,143)
```
#18edf5
```
#18edf5 rgb(24,237,245)
```
#187ff5
```
#187ff5 rgb(24,127,245)
```

Analogous Color

#f58f18
```
#f58f18 rgb(245,143,24)
```
#18edf5
```
#18edf5 rgb(24,237,245)
```
#f5187f
```
#f5187f rgb(245,24,127)
```

Split Complementary Color

#edf518
```
#edf518 rgb(237,245,24)
```
#18edf5
```
#18edf5 rgb(24,237,245)
```
#f518ed
```
#f518ed rgb(245,24,237)
```

Triadic Color

#18f520
```
#18f520 rgb(24,245,32)
```
#18edf5
```
#18edf5 rgb(24,237,245)
```
#f518ed
```
#f518ed rgb(245,24,237)
```
#f52018
```
#f52018 rgb(245,32,24)
```

Tetradic Color

#08b2b9
```
#08b2b9 rgb(8,178,185)
```
#09cad1
```
#09cad1 rgb(9,202,209)
```
#0ae1e9
```
#0ae1e9 rgb(10,225,233)
```
#18edf5
```
#18edf5 rgb(24,237,245)
```
#30eff6
```
#30eff6 rgb(48,239,246)
```
#49f1f7
```
#49f1f7 rgb(73,241,247)
```
#61f3f8
```
#61f3f8 rgb(97,243,248)
```

Monochromatic Color

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

#18f5c6
```
#18f5c6 rgb(24,245,198)
```
#18f5d8
```
#18f5d8 rgb(24,245,216)
```
#18f5eb
```
#18f5eb rgb(24,245,235)
```
#18edf5
```
#18edf5 rgb(24,237,245)
```
#18dbf5
```
#18dbf5 rgb(24,219,245)
```
#18c8f5
```
#18c8f5 rgb(24,200,245)
```
#18b6f5
```
#18b6f5 rgb(24,182,245)
```

Similar Colors

Text with hexadecimal color #18edf5

This text has a font color of #18edf5.

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

#18edf5 background color

This paragraph has a background color of #18edf5.

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

#18edf5 border color

This element has a border color of #18edf5.

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

CSS codes

.text {color:#18edf5;}

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

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

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, #010d0d is the darkest color, while #faffff is the lightest one.

#010d0d
```
#010d0d rgb(1,13,13)
```
#011f20
```
#011f20 rgb(1,31,32)
```
#023133
```
#023133 rgb(2,49,51)
```
#034346
```
#034346 rgb(3,67,70)
```
#045659
```
#045659 rgb(4,86,89)
```
#05686b
```
#05686b rgb(5,104,107)
```
#057a7e
```
#057a7e rgb(5,122,126)
```
#068c91
```
#068c91 rgb(6,140,145)
```
#079ea4
```
#079ea4 rgb(7,158,164)
```
#08b0b7
```
#08b0b7 rgb(8,176,183)
```
#09c2c9
```
#09c2c9 rgb(9,194,201)
```
#0ad5dc
```
#0ad5dc rgb(10,213,220)
```
#0ae7ef
```
#0ae7ef rgb(10,231,239)
```

Shade Color Variation

#18edf5
```
#18edf5 rgb(24,237,245)
```
#2beef6
```
#2beef6 rgb(43,238,246)
```
#3ef0f7
```
#3ef0f7 rgb(62,240,247)
```
#50f1f7
```
#50f1f7 rgb(80,241,247)
```
#63f3f8
```
#63f3f8 rgb(99,243,248)
```
#76f4f9
```
#76f4f9 rgb(118,244,249)
```
#89f6fa
```
#89f6fa rgb(137,246,250)
```
#9cf7fb
```
#9cf7fb rgb(156,247,251)
```
#aef9fc
```
#aef9fc rgb(174,249,252)
```
#c1fafc
```
#c1fafc rgb(193,250,252)
```
#d4fcfd
```
#d4fcfd rgb(212,252,253)
```
#e7fdfe
```
#e7fdfe rgb(231,253,254)
```
#faffff
```
#faffff rgb(250,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8e8f is the less saturated color, while #0ff6fe is the most saturated one.

#7e8e8f
```
#7e8e8f rgb(126,142,143)
```
#759798
```
#759798 rgb(117,151,152)
```
#6ba0a2
```
#6ba0a2 rgb(107,160,162)
```
#62a8ab
```
#62a8ab rgb(98,168,171)
```
#59b1b4
```
#59b1b4 rgb(89,177,180)
```
#50b9bd
```
#50b9bd rgb(80,185,189)
```
#46c2c7
```
#46c2c7 rgb(70,194,199)
```
#3dcbd0
```
#3dcbd0 rgb(61,203,208)
```
#34d3d9
```
#34d3d9 rgb(52,211,217)
```
#2bdce2
```
#2bdce2 rgb(43,220,226)
```
#21e4ec
```
#21e4ec rgb(33,228,236)
```
#18edf5
```
#18edf5 rgb(24,237,245)
```
#0ff6fe
```
#0ff6fe rgb(15,246,254)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#90bbbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d6e8 Protanopia 1% of men
#d8d3ff Deuteranopia 1% of men
#34ecfd Tritanopia 0.001% of the population

Trichromacy

#91deec Protanomaly 1% of men, 0.01% of women
#92ddfb Deuteranomaly 6% of men, 0.4% of women
#2aecfa Tritanomaly 0.01% of the population

#18edf5 hex color

#18edf5 Color Information

#18edf5 Color Conversion

Color Schemes with #18edf5

Alternatives to #18edf5

#18edf5 Preview

Shades and Tints of #18edf5

Tones of #18edf5

Color Blindness Simulator