# #30c4af Color Information

In a RGB color space, hex #30c4af is composed of 18.8% red, 76.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 0% magenta, 10.7% yellow and 23.1% black. It has a hue angle of 171.5 degrees, a saturation of 60.7% and a lightness of 47.8%. #30c4af color hex could be obtained by blending #60ffff with #00895f. Closest websafe color is: #33cc99.

• R 19
• G 77
• B 69
RGB color chart
• C 76
• M 0
• Y 11
• K 23
CMYK color chart

#30c4af color description : Strong cyan.

# #30c4af Color Conversion

The hexadecimal color #30c4af has RGB values of R:48, G:196, B:175 and CMYK values of C:0.76, M:0, Y:0.11, K:0.23. Its decimal value is 3196079.

Hex triplet RGB Decimal 30c4af `#30c4af` 48, 196, 175 `rgb(48,196,175)` 18.8, 76.9, 68.6 `rgb(18.8%,76.9%,68.6%)` 76, 0, 11, 23 171.5°, 60.7, 47.8 `hsl(171.5,60.7%,47.8%)` 171.5°, 75.5, 76.9 33cc99 `#33cc99`
CIE-LAB 71.691, -42.559, -0.367 28.694, 43.201, 47.381 0.241, 0.362, 43.201 71.691, 42.56, 180.494 71.691, -53.749, 6.043 65.727, -37.096, 3.268 00110000, 11000100, 10101111

# Color Schemes with #30c4af

• #30c4af
``#30c4af` `rgb(48,196,175)``
• #c43045
``#c43045` `rgb(196,48,69)``
Complementary Color
• #30c465
``#30c465` `rgb(48,196,101)``
• #30c4af
``#30c4af` `rgb(48,196,175)``
• #308fc4
``#308fc4` `rgb(48,143,196)``
Analogous Color
• #c46530
``#c46530` `rgb(196,101,48)``
• #30c4af
``#30c4af` `rgb(48,196,175)``
• #c4308f
``#c4308f` `rgb(196,48,143)``
Split Complementary Color
• #c4af30
``#c4af30` `rgb(196,175,48)``
• #30c4af
``#30c4af` `rgb(48,196,175)``
• #af30c4
``#af30c4` `rgb(175,48,196)``
• #45c430
``#45c430` `rgb(69,196,48)``
• #30c4af
``#30c4af` `rgb(48,196,175)``
• #af30c4
``#af30c4` `rgb(175,48,196)``
• #c43045
``#c43045` `rgb(196,48,69)``
• #218778
``#218778` `rgb(33,135,120)``
• #269b8a
``#269b8a` `rgb(38,155,138)``
• #2bb09d
``#2bb09d` `rgb(43,176,157)``
• #30c4af
``#30c4af` `rgb(48,196,175)``
• #3ed0bb
``#3ed0bb` `rgb(62,208,187)``
• #52d5c2
``#52d5c2` `rgb(82,213,194)``
• #67dac9
``#67dac9` `rgb(103,218,201)``
Monochromatic Color

# Alternatives to #30c4af

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

• #30c48a
``#30c48a` `rgb(48,196,138)``
• #30c496
``#30c496` `rgb(48,196,150)``
• #30c4a3
``#30c4a3` `rgb(48,196,163)``
• #30c4af
``#30c4af` `rgb(48,196,175)``
• #30c4bb
``#30c4bb` `rgb(48,196,187)``
• #30c0c4
``#30c0c4` `rgb(48,192,196)``
• #30b4c4
``#30b4c4` `rgb(48,180,196)``
Similar Colors

# #30c4af Preview

This text has a font color of #30c4af.

``<span style="color:#30c4af;">Text here</span>``
#30c4af background color

This paragraph has a background color of #30c4af.

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

This element has a border color of #30c4af.

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

# Shades and Tints of #30c4af

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

• #020706
``#020706` `rgb(2,7,6)``
• #061714
``#061714` `rgb(6,23,20)``
• #092622
``#092622` `rgb(9,38,34)``
• #0d3630
``#0d3630` `rgb(13,54,48)``
• #11463e
``#11463e` `rgb(17,70,62)``
• #15564d
``#15564d` `rgb(21,86,77)``
• #19655b
``#19655b` `rgb(25,101,91)``
• #1d7569
``#1d7569` `rgb(29,117,105)``
• #218577
``#218577` `rgb(33,133,119)``
• #249585
``#249585` `rgb(36,149,133)``
• #28a493
``#28a493` `rgb(40,164,147)``
• #2cb4a1
``#2cb4a1` `rgb(44,180,161)``
• #30c4af
``#30c4af` `rgb(48,196,175)``
• #39cfb9
``#39cfb9` `rgb(57,207,185)``
• #49d2bf
``#49d2bf` `rgb(73,210,191)``
• #59d6c4
``#59d6c4` `rgb(89,214,196)``
• #68daca
``#68daca` `rgb(104,218,202)``
• #78ded0
``#78ded0` `rgb(120,222,208)``
• #88e2d5
``#88e2d5` `rgb(136,226,213)``
• #98e6db
``#98e6db` `rgb(152,230,219)``
• #a7eae0
``#a7eae0` `rgb(167,234,224)``
• #b7ede6
``#b7ede6` `rgb(183,237,230)``
• #c7f1eb
``#c7f1eb` `rgb(199,241,235)``
• #d7f5f1
``#d7f5f1` `rgb(215,245,241)``
• #e6f9f6
``#e6f9f6` `rgb(230,249,246)``
• #f6fdfc
``#f6fdfc` `rgb(246,253,252)``
Tint Color Variation

# Tones of #30c4af

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

• #728280
``#728280` `rgb(114,130,128)``
• #688c87
``#688c87` `rgb(104,140,135)``
• #5f958d
``#5f958d` `rgb(95,149,141)``
• #569e94
``#569e94` `rgb(86,158,148)``
• #4ca89b
``#4ca89b` `rgb(76,168,155)``
• #43b1a2
``#43b1a2` `rgb(67,177,162)``
• #39bba8
``#39bba8` `rgb(57,187,168)``
• #30c4af
``#30c4af` `rgb(48,196,175)``
• #27cdb6
``#27cdb6` `rgb(39,205,182)``
• #1dd7bc
``#1dd7bc` `rgb(29,215,188)``
• #14e0c3
``#14e0c3` `rgb(20,224,195)``
• #0aeaca
``#0aeaca` `rgb(10,234,202)``
• #01f3d1
``#01f3d1` `rgb(1,243,209)``
Tone Color Variation

# Color Blindness Simulator

Below, you can see how #30c4af 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.548798,"math_prob":0.6612042,"size":3713,"snap":"2023-40-2023-50","text_gpt3_token_len":1701,"char_repetition_ratio":0.12240496,"word_repetition_ratio":0.011111111,"special_character_ratio":0.55238354,"punctuation_ratio":0.23809524,"nsfw_num_words":0,"has_unicode_error":false,"math_prob_llama3":0.97479516,"pos_list":[0],"im_url_duplicate_count":[null],"WARC_HEADER":"{\"WARC-Type\":\"response\",\"WARC-Date\":\"2023-09-26T08:04:39Z\",\"WARC-Record-ID\":\"<urn:uuid:b5fb74f4-f30b-4758-ac0e-c151568661b0>\",\"Content-Length\":\"36260\",\"Content-Type\":\"application/http; msgtype=response\",\"WARC-Warcinfo-ID\":\"<urn:uuid:1a335454-c4af-40e1-a609-a8c1af28a0cd>\",\"WARC-Concurrent-To\":\"<urn:uuid:4b00cc45-2bcd-437d-ac28-8027efa6e4dc>\",\"WARC-IP-Address\":\"178.32.117.56\",\"WARC-Target-URI\":\"https://www.colorhexa.com/30c4af\",\"WARC-Payload-Digest\":\"sha1:AT7GLHSNEPZ4KSAWEK2C6R4BB2QZBSS4\",\"WARC-Block-Digest\":\"sha1:ES3DPOM7ZECKUPE3Y6IFJSUDNFMCSF6P\",\"WARC-Identified-Payload-Type\":\"text/html\",\"warc_filename\":\"/cc_download/warc_2023/CC-MAIN-2023-40/CC-MAIN-2023-40_segments_1695233510179.22_warc_CC-MAIN-20230926075508-20230926105508-00233.warc.gz\"}"}