#5a7870 Color Information

In a RGB color space, hex #5a7870 is composed of 35.3% red, 47.1% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 0% magenta, 6.7% yellow and 52.9% black. It has a hue angle of 164 degrees, a saturation of 14.3% and a lightness of 41.2%. #5a7870 color hex could be obtained by blending #b4f0e0 with #000000. Closest websafe color is: #666666.

• R 35
• G 47
• B 44
RGB color chart
• C 25
• M 0
• Y 7
• K 53
CMYK color chart

#5a7870 color description : Dark grayish cyan - lime green.

#5a7870 Color Conversion

The hexadecimal color #5a7870 has RGB values of R:90, G:120, B:112 and CMYK values of C:0.25, M:0, Y:0.07, K:0.53. Its decimal value is 5929072.

Hex triplet RGB Decimal 5a7870 `#5a7870` 90, 120, 112 `rgb(90,120,112)` 35.3, 47.1, 43.9 `rgb(35.3%,47.1%,43.9%)` 25, 0, 7, 53 164°, 14.3, 41.2 `hsl(164,14.3%,41.2%)` 164°, 25, 47.1 666666 `#666666`
CIE-LAB 47.977, -12.606, 0.872 13.857, 16.776, 17.836 0.286, 0.346, 16.776 47.977, 12.636, 176.042 47.977, -15.025, 3.093 40.959, -11.288, 2.852 01011010, 01111000, 01110000

Color Schemes with #5a7870

• #5a7870
``#5a7870` `rgb(90,120,112)``
• #785a62
``#785a62` `rgb(120,90,98)``
Complementary Color
• #5a7861
``#5a7861` `rgb(90,120,97)``
• #5a7870
``#5a7870` `rgb(90,120,112)``
• #5a7178
``#5a7178` `rgb(90,113,120)``
Analogous Color
• #78615a
``#78615a` `rgb(120,97,90)``
• #5a7870
``#5a7870` `rgb(90,120,112)``
• #785a71
``#785a71` `rgb(120,90,113)``
Split Complementary Color
• #78705a
``#78705a` `rgb(120,112,90)``
• #5a7870
``#5a7870` `rgb(90,120,112)``
• #705a78
``#705a78` `rgb(112,90,120)``
• #62785a
``#62785a` `rgb(98,120,90)``
• #5a7870
``#5a7870` `rgb(90,120,112)``
• #705a78
``#705a78` `rgb(112,90,120)``
• #785a62
``#785a62` `rgb(120,90,98)``
• #394c47
``#394c47` `rgb(57,76,71)``
• #445b55
``#445b55` `rgb(68,91,85)``
• #4f6962
``#4f6962` `rgb(79,105,98)``
• #5a7870
``#5a7870` `rgb(90,120,112)``
• #65877e
``#65877e` `rgb(101,135,126)``
• #71948b
``#71948b` `rgb(113,148,139)``
• #7f9f97
``#7f9f97` `rgb(127,159,151)``
Monochromatic Color

Alternatives to #5a7870

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

• #5a7869
``#5a7869` `rgb(90,120,105)``
• #5a786b
``#5a786b` `rgb(90,120,107)``
• #5a786e
``#5a786e` `rgb(90,120,110)``
• #5a7870
``#5a7870` `rgb(90,120,112)``
• #5a7873
``#5a7873` `rgb(90,120,115)``
• #5a7875
``#5a7875` `rgb(90,120,117)``
• #5a7878
``#5a7878` `rgb(90,120,120)``
Similar Colors

#5a7870 Preview

This text has a font color of #5a7870.

``<span style="color:#5a7870;">Text here</span>``
#5a7870 background color

This paragraph has a background color of #5a7870.

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

This element has a border color of #5a7870.

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

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

• #060807
``#060807` `rgb(6,8,7)``
• #0e1312
``#0e1312` `rgb(14,19,18)``
• #171e1c
``#171e1c` `rgb(23,30,28)``
• #1f2a27
``#1f2a27` `rgb(31,42,39)``
• #283531
``#283531` `rgb(40,53,49)``
• #30403c
``#30403c` `rgb(48,64,60)``
• #384b46
``#384b46` `rgb(56,75,70)``
• #415651
``#415651` `rgb(65,86,81)``
• #49625b
``#49625b` `rgb(73,98,91)``
• #526d66
``#526d66` `rgb(82,109,102)``
• #5a7870
``#5a7870` `rgb(90,120,112)``
• #62837a
``#62837a` `rgb(98,131,122)``
• #6b8e85
``#6b8e85` `rgb(107,142,133)``
• #75988e
``#75988e` `rgb(117,152,142)``
• #80a098
``#80a098` `rgb(128,160,152)``
• #8ca8a1
``#8ca8a1` `rgb(140,168,161)``
• #97b1aa
``#97b1aa` `rgb(151,177,170)``
• #a2b9b3
``#a2b9b3` `rgb(162,185,179)``
``#adc2bc` `rgb(173,194,188)``
• #b8cac5
``#b8cac5` `rgb(184,202,197)``
• #c4d2cf
``#c4d2cf` `rgb(196,210,207)``
• #cfdbd8
``#cfdbd8` `rgb(207,219,216)``
• #dae3e1
``#dae3e1` `rgb(218,227,225)``
• #e5ecea
``#e5ecea` `rgb(229,236,234)``
• #f0f4f3
``#f0f4f3` `rgb(240,244,243)``
• #fcfdfc
``#fcfdfc` `rgb(252,253,252)``
Tint Color Variation

Tones of #5a7870

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

• #62706c
``#62706c` `rgb(98,112,108)``
• #5a7870
``#5a7870` `rgb(90,120,112)``
• #528074
``#528074` `rgb(82,128,116)``
• #4a8878
``#4a8878` `rgb(74,136,120)``
• #42907b
``#42907b` `rgb(66,144,123)``
• #3a987f
``#3a987f` `rgb(58,152,127)``
• #32a083
``#32a083` `rgb(50,160,131)``
• #2aa887
``#2aa887` `rgb(42,168,135)``
• #21b18a
``#21b18a` `rgb(33,177,138)``
• #19b98e
``#19b98e` `rgb(25,185,142)``
• #11c192
``#11c192` `rgb(17,193,146)``
• #09c996
``#09c996` `rgb(9,201,150)``
• #01d199
``#01d199` `rgb(1,209,153)``
Tone Color Variation

Color Blindness Simulator

Below, you can see how #5a7870 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.5556301,"math_prob":0.64883864,"size":3715,"snap":"2019-26-2019-30","text_gpt3_token_len":1653,"char_repetition_ratio":0.12018324,"word_repetition_ratio":0.011029412,"special_character_ratio":0.5690444,"punctuation_ratio":0.23378076,"nsfw_num_words":0,"has_unicode_error":false,"math_prob_llama3":0.9929104,"pos_list":[0],"im_url_duplicate_count":[null],"WARC_HEADER":"{\"WARC-Type\":\"response\",\"WARC-Date\":\"2019-06-27T02:06:25Z\",\"WARC-Record-ID\":\"<urn:uuid:6b3bdf02-6594-4a10-accd-c6d24ed507e1>\",\"Content-Length\":\"36448\",\"Content-Type\":\"application/http; msgtype=response\",\"WARC-Warcinfo-ID\":\"<urn:uuid:3951fdd0-ffed-426d-8a04-2c5a5556bdc5>\",\"WARC-Concurrent-To\":\"<urn:uuid:5b1e288f-12de-4369-9070-708655ede6f7>\",\"WARC-IP-Address\":\"178.32.117.56\",\"WARC-Target-URI\":\"https://www.colorhexa.com/5a7870\",\"WARC-Payload-Digest\":\"sha1:MV4OZZE6Y5ODVBNMMFMP4HHSETQZSHO7\",\"WARC-Block-Digest\":\"sha1:TZSSBV2QTT7HG6YAAMJV4OSBT5IG5LUR\",\"WARC-Identified-Payload-Type\":\"text/html\",\"warc_filename\":\"/cc_download/warc_2019/CC-MAIN-2019-26/CC-MAIN-2019-26_segments_1560628000610.35_warc_CC-MAIN-20190627015143-20190627041143-00448.warc.gz\"}"}