#18feb4 hex color

In a RGB color space, hex #18feb4 is composed of 9.4% red, 99.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 0% magenta, 29.1% yellow and 0.4% black. It has a hue angle of 160.7 degrees, a saturation of 99.1% and a lightness of 54.5%. #18feb4 color hex could be obtained by blending #30ffff with #00fd69. Closest websafe color is: #00ffcc.

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

● #18feb4 color description : Vivid cyan - lime green.

The hexadecimal color #18feb4 has RGB values of R:24, G:254, B:180 and CMYK values of C:0.91, M:0, Y:0.29, K:0. Its decimal value is 1638068.

Hex triplet	18feb4	`#18feb4`
RGB Decimal	24, 254, 180	`rgb(24,254,180)`
RGB Percent	9.4, 99.6, 70.6	`rgb(9.4%,99.6%,70.6%)`
CMYK	91, 0, 29, 0
HSL	160.7°, 99.1, 54.5	`hsl(160.7,99.1%,54.5%)`
HSV (or HSB)	160.7°, 90.6, 99.6
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	89.096, -66.056, 21.717
XYZ	44.053, 74.368, 55.21
xyY	0.254, 0.428, 74.368
CIE-LCH	89.096, 69.535, 161.801
CIE-LUV	89.096, -75.136, 42.54
Hunter-Lab	86.237, -59.731, 22.408
Binary	00011000, 11111110, 10110100

#18feb4
```
#18feb4 rgb(24,254,180)
```
#fe1862
```
#fe1862 rgb(254,24,98)
```

Complementary Color

#18fe41
```
#18fe41 rgb(24,254,65)
```
#18feb4
```
#18feb4 rgb(24,254,180)
```
#18d5fe
```
#18d5fe rgb(24,213,254)
```

Analogous Color

#fe4118
```
#fe4118 rgb(254,65,24)
```
#18feb4
```
#18feb4 rgb(24,254,180)
```
#fe18d5
```
#fe18d5 rgb(254,24,213)
```

Split Complementary Color

#feb418
```
#feb418 rgb(254,180,24)
```
#18feb4
```
#18feb4 rgb(24,254,180)
```
#b418fe
```
#b418fe rgb(180,24,254)
```

Triadic Color

#62fe18
```
#62fe18 rgb(98,254,24)
```
#18feb4
```
#18feb4 rgb(24,254,180)
```
#b418fe
```
#b418fe rgb(180,24,254)
```
#fe1862
```
#fe1862 rgb(254,24,98)
```

Tetradic Color

#01c988
```
#01c988 rgb(1,201,136)
```
#01e29a
```
#01e29a rgb(1,226,154)
```
#01fbab
```
#01fbab rgb(1,251,171)
```
#18feb4
```
#18feb4 rgb(24,254,180)
```
#31febc
```
#31febc rgb(49,254,188)
```
#4bfec4
```
#4bfec4 rgb(75,254,196)
```
#64fecd
```
#64fecd rgb(100,254,205)
```

Monochromatic Color

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

#18fe7b
```
#18fe7b rgb(24,254,123)
```
#18fe8e
```
#18fe8e rgb(24,254,142)
```
#18fea1
```
#18fea1 rgb(24,254,161)
```
#18feb4
```
#18feb4 rgb(24,254,180)
```
#18fec7
```
#18fec7 rgb(24,254,199)
```
#18feda
```
#18feda rgb(24,254,218)
```
#18feee
```
#18feee rgb(24,254,238)
```

Similar Colors

Text with hexadecimal color #18feb4

This text has a font color of #18feb4.

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

#18feb4 background color

This paragraph has a background color of #18feb4.

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

#18feb4 border color

This element has a border color of #18feb4.

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

CSS codes

.text {color:#18feb4;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#001710
```
#001710 rgb(0,23,16)
```
#002a1d
```
#002a1d rgb(0,42,29)
```
#003e2a
```
#003e2a rgb(0,62,42)
```
#005137
```
#005137 rgb(0,81,55)
```
#006545
```
#006545 rgb(0,101,69)
```
#017952
```
#017952 rgb(1,121,82)
```
#018c5f
```
#018c5f rgb(1,140,95)
```
#01a06c
```
#01a06c rgb(1,160,108)
```
#01b37a
```
#01b37a rgb(1,179,122)
```
#01c787
```
#01c787 rgb(1,199,135)
```
#01da94
```
#01da94 rgb(1,218,148)
```
#01eea2
```
#01eea2 rgb(1,238,162)
```

Shade Color Variation

#04feae
```
#04feae rgb(4,254,174)
```
#18feb4
```
#18feb4 rgb(24,254,180)
```
#2cfeba
```
#2cfeba rgb(44,254,186)
```
#3ffec1
```
#3ffec1 rgb(63,254,193)
```
#53fec7
```
#53fec7 rgb(83,254,199)
```
#66fecd
```
#66fecd rgb(102,254,205)
```
#7afed4
```
#7afed4 rgb(122,254,212)
```
#8dffda
```
#8dffda rgb(141,255,218)
```
#a1ffe0
```
#a1ffe0 rgb(161,255,224)
```
#b4ffe7
```
#b4ffe7 rgb(180,255,231)
```
#c8ffed
```
#c8ffed rgb(200,255,237)
```
#dbfff3
```
#dbfff3 rgb(219,255,243)
```
#effffa
```
#effffa rgb(239,255,250)
```

Tint Color Variation

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

#83938e
```
#83938e rgb(131,147,142)
```
#7a9c91
```
#7a9c91 rgb(122,156,145)
```
#71a594
```
#71a594 rgb(113,165,148)
```
#68ae97
```
#68ae97 rgb(104,174,151)
```
#5fb79b
```
#5fb79b rgb(95,183,155)
```
#56c09e
```
#56c09e rgb(86,192,158)
```
#4ec8a1
```
#4ec8a1 rgb(78,200,161)
```
#45d1a4
```
#45d1a4 rgb(69,209,164)
```
#3cdaa7
```
#3cdaa7 rgb(60,218,167)
```
#33e3aa
```
#33e3aa rgb(51,227,170)
```
#2aecae
```
#2aecae rgb(42,236,174)
```
#21f5b1
```
#21f5b1 rgb(33,245,177)
```
#18feb4
```
#18feb4 rgb(24,254,180)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#92c0b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1e1ab Protanopia 1% of men
#ffdac6 Deuteranopia 1% of men
#8cf0ff Tritanopia 0.001% of the population

Trichromacy

#a2ebae Protanomaly 1% of men, 0.01% of women
#abe7bf Deuteranomaly 6% of men, 0.4% of women
#62f5e3 Tritanomaly 0.01% of the population

#18feb4 hex color

#18feb4 Color Information

#18feb4 Color Conversion

Color Schemes with #18feb4

Alternatives to #18feb4

#18feb4 Preview

Shades and Tints of #18feb4

Tones of #18feb4

Color Blindness Simulator