# #18dfb4 Color Information

In a RGB color space, hex #18dfb4 is composed of 9.4% red, 87.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 89.2% cyan, 0% magenta, 19.3% yellow and 12.5% black. It has a hue angle of 167 degrees, a saturation of 80.6% and a lightness of 48.4%. #18dfb4 color hex could be obtained by blending #30ffff with #00bf69. Closest websafe color is: #00cccc.

• R 9
• G 87
• B 71
RGB color chart
• C 89
• M 0
• Y 19
• K 13
CMYK color chart

#18dfb4 color description : Vivid cyan.

# #18dfb4 Color Conversion

The hexadecimal color #18dfb4 has RGB values of R:24, G:223, B:180 and CMYK values of C:0.89, M:0, Y:0.19, K:0.13. Its decimal value is 1630132.

Hex triplet RGB Decimal 18dfb4 `#18dfb4` 24, 223, 180 `rgb(24,223,180)` 9.4, 87.5, 70.6 `rgb(9.4%,87.5%,70.6%)` 89, 0, 19, 13 167°, 80.6, 48.4 `hsl(167,80.6%,48.4%)` 167°, 89.2, 87.5 00cccc `#00cccc`
CIE-LAB 79.762, -54.388, 8.584 34.999, 56.261, 52.192 0.244, 0.392, 56.261 79.762, 55.061, 171.031 79.762, -64.953, 21.42 75.007, -47.973, 11.249 00011000, 11011111, 10110100

# Color Schemes with #18dfb4

• #18dfb4
``#18dfb4` `rgb(24,223,180)``
• #df1843
``#df1843` `rgb(223,24,67)``
Complementary Color
• #18df51
``#18df51` `rgb(24,223,81)``
• #18dfb4
``#18dfb4` `rgb(24,223,180)``
• #18a7df
``#18a7df` `rgb(24,167,223)``
Analogous Color
• #df5118
``#df5118` `rgb(223,81,24)``
• #18dfb4
``#18dfb4` `rgb(24,223,180)``
• #df18a7
``#df18a7` `rgb(223,24,167)``
Split Complementary Color
• #dfb418
``#dfb418` `rgb(223,180,24)``
• #18dfb4
``#18dfb4` `rgb(24,223,180)``
• #b418df
``#b418df` `rgb(180,24,223)``
• #43df18
``#43df18` `rgb(67,223,24)``
• #18dfb4
``#18dfb4` `rgb(24,223,180)``
• #b418df
``#b418df` `rgb(180,24,223)``
• #df1843
``#df1843` `rgb(223,24,67)``
• #119a7c
``#119a7c` `rgb(17,154,124)``
• #13b18f
``#13b18f` `rgb(19,177,143)``
• #16c8a1
``#16c8a1` `rgb(22,200,161)``
• #18dfb4
``#18dfb4` `rgb(24,223,180)``
• #29e8bf
``#29e8bf` `rgb(41,232,191)``
• #40eac5
``#40eac5` `rgb(64,234,197)``
• #57edcc
``#57edcc` `rgb(87,237,204)``
Monochromatic Color

# Alternatives to #18dfb4

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

• #18df82
``#18df82` `rgb(24,223,130)``
• #18df93
``#18df93` `rgb(24,223,147)``
• #18dfa3
``#18dfa3` `rgb(24,223,163)``
• #18dfb4
``#18dfb4` `rgb(24,223,180)``
• #18dfc5
``#18dfc5` `rgb(24,223,197)``
• #18dfd5
``#18dfd5` `rgb(24,223,213)``
• #18d8df
``#18d8df` `rgb(24,216,223)``
Similar Colors

# #18dfb4 Preview

This text has a font color of #18dfb4.

``<span style="color:#18dfb4;">Text here</span>``
#18dfb4 background color

This paragraph has a background color of #18dfb4.

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

This element has a border color of #18dfb4.

``<div style="border:1px solid #18dfb4;">Content here</div>``
CSS codes
``.text {color:#18dfb4;}``
``.background {background-color:#18dfb4;}``
``.border {border:1px solid #18dfb4;}``

# Shades and Tints of #18dfb4

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

• #010a08
``#010a08` `rgb(1,10,8)``
• #031c17
``#031c17` `rgb(3,28,23)``
• #052e25
``#052e25` `rgb(5,46,37)``
• #074033
``#074033` `rgb(7,64,51)``
• #095142
``#095142` `rgb(9,81,66)``
• #0b6350
``#0b6350` `rgb(11,99,80)``
• #0d755e
``#0d755e` `rgb(13,117,94)``
• #0e866d
``#0e866d` `rgb(14,134,109)``
• #10987b
``#10987b` `rgb(16,152,123)``
• #12aa89
``#12aa89` `rgb(18,170,137)``
• #14bc97
``#14bc97` `rgb(20,188,151)``
• #16cda6
``#16cda6` `rgb(22,205,166)``
• #18dfb4
``#18dfb4` `rgb(24,223,180)``
• #23e7bd
``#23e7bd` `rgb(35,231,189)``
• #35e9c2
``#35e9c2` `rgb(53,233,194)``
• #47ebc8
``#47ebc8` `rgb(71,235,200)``
• #58edcd
``#58edcd` `rgb(88,237,205)``
• #6aefd2
``#6aefd2` `rgb(106,239,210)``
• #7cf1d8
``#7cf1d8` `rgb(124,241,216)``
• #8ef3dd
``#8ef3dd` `rgb(142,243,221)``
• #9ff5e2
``#9ff5e2` `rgb(159,245,226)``
• #b1f7e8
``#b1f7e8` `rgb(177,247,232)``
• #c3f9ed
``#c3f9ed` `rgb(195,249,237)``
• #d4faf2
``#d4faf2` `rgb(212,250,242)``
• #e6fcf8
``#e6fcf8` `rgb(230,252,248)``
• #f8fefd
``#f8fefd` `rgb(248,254,253)``
Tint Color Variation

# Tones of #18dfb4

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

• #77807e
``#77807e` `rgb(119,128,126)``
• #6e8a83
``#6e8a83` `rgb(110,138,131)``
• #649389
``#649389` `rgb(100,147,137)``
• #5b9d8e
``#5b9d8e` `rgb(91,157,142)``
• #51a694
``#51a694` `rgb(81,166,148)``
• #48b099
``#48b099` `rgb(72,176,153)``
• #3eb99e
``#3eb99e` `rgb(62,185,158)``
• #35c3a4
``#35c3a4` `rgb(53,195,164)``
• #2bcca9
``#2bcca9` `rgb(43,204,169)``
• #22d6af
``#22d6af` `rgb(34,214,175)``
• #18dfb4
``#18dfb4` `rgb(24,223,180)``
• #0fe9b9
``#0fe9b9` `rgb(15,233,185)``
• #05f2bf
``#05f2bf` `rgb(5,242,191)``
Tone Color Variation

# Color Blindness Simulator

Below, you can see how #18dfb4 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
• Achromatopsia 0.005% of the population
• Atypical Achromatopsia 0.001% of the population
Dichromacy
• Protanopia 1% of men
• Deuteranopia 1% of men
• Tritanopia 0.001% of the population
Trichromacy
• Protanomaly 1% of men, 0.01% of women
• Deuteranomaly 6% of men, 0.4% of women
• Tritanomaly 0.01% of the population
{"ft_lang_label":"__label__en","ft_lang_prob":0.5792978,"math_prob":0.6719167,"size":3700,"snap":"2020-24-2020-29","text_gpt3_token_len":1679,"char_repetition_ratio":0.12310606,"word_repetition_ratio":0.011111111,"special_character_ratio":0.54405403,"punctuation_ratio":0.23575419,"nsfw_num_words":0,"has_unicode_error":false,"math_prob_llama3":0.9890698,"pos_list":[0],"im_url_duplicate_count":[null],"WARC_HEADER":"{\"WARC-Type\":\"response\",\"WARC-Date\":\"2020-07-15T03:31:54Z\",\"WARC-Record-ID\":\"<urn:uuid:8eea2533-fc5d-453a-a56f-27d5a6971295>\",\"Content-Length\":\"36300\",\"Content-Type\":\"application/http; msgtype=response\",\"WARC-Warcinfo-ID\":\"<urn:uuid:8ca84698-1d06-4462-904f-373a509c71ca>\",\"WARC-Concurrent-To\":\"<urn:uuid:dc65822a-3525-4009-b8b2-5e56cb76d731>\",\"WARC-IP-Address\":\"178.32.117.56\",\"WARC-Target-URI\":\"https://www.colorhexa.com/18dfb4\",\"WARC-Payload-Digest\":\"sha1:5OCJBTHKEZSPGZUNQKQBEUVB5R5JZTBW\",\"WARC-Block-Digest\":\"sha1:O3XSIWZFEQQPDN7YJ5GVP6E2C3FVGJUA\",\"WARC-Identified-Payload-Type\":\"text/html\",\"warc_filename\":\"/cc_download/warc_2020/CC-MAIN-2020-29/CC-MAIN-2020-29_segments_1593657154789.95_warc_CC-MAIN-20200715003838-20200715033838-00421.warc.gz\"}"}