# #335a61 Color Information

In a RGB color space, hex #335a61 is composed of 20% red, 35.3% green and 38% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 7.2% magenta, 0% yellow and 62% black. It has a hue angle of 189.1 degrees, a saturation of 31.1% and a lightness of 29%. #335a61 color hex could be obtained by blending #66b4c2 with #000000. Closest websafe color is: #336666.

• R 20
• G 35
• B 38
RGB color chart
• C 47
• M 7
• Y 0
• K 62
CMYK color chart

#335a61 color description : Very dark desaturated cyan.

# #335a61 Color Conversion

The hexadecimal color #335a61 has RGB values of R:51, G:90, B:97 and CMYK values of C:0.47, M:0.07, Y:0, K:0.62. Its decimal value is 3365473.

Hex triplet RGB Decimal 335a61 `#335a61` 51, 90, 97 `rgb(51,90,97)` 20, 35.3, 38 `rgb(20%,35.3%,38%)` 47, 7, 0, 62 189.1°, 31.1, 29 `hsl(189.1,31.1%,29%)` 189.1°, 47.4, 38 336666 `#336666`
CIE-LAB 35.75, -11.71, -8.351 7.179, 8.879, 12.644 0.25, 0.309, 8.879 35.75, 14.383, 215.496 35.75, -17.098, -9.363 29.797, -9.143, -4.301 00110011, 01011010, 01100001

# Color Schemes with #335a61

• #335a61
``#335a61` `rgb(51,90,97)``
• #613a33
``#613a33` `rgb(97,58,51)``
Complementary Color
• #336151
``#336151` `rgb(51,97,81)``
• #335a61
``#335a61` `rgb(51,90,97)``
• #334361
``#334361` `rgb(51,67,97)``
Analogous Color
• #615133
``#615133` `rgb(97,81,51)``
• #335a61
``#335a61` `rgb(51,90,97)``
• #613343
``#613343` `rgb(97,51,67)``
Split Complementary Color
• #5a6133
``#5a6133` `rgb(90,97,51)``
• #335a61
``#335a61` `rgb(51,90,97)``
• #61335a
``#61335a` `rgb(97,51,90)``
• #33613a
``#33613a` `rgb(51,97,58)``
• #335a61
``#335a61` `rgb(51,90,97)``
• #61335a
``#61335a` `rgb(97,51,90)``
• #613a33
``#613a33` `rgb(97,58,51)``
• #192b2f
``#192b2f` `rgb(25,43,47)``
• #213b40
``#213b40` `rgb(33,59,64)``
• #2a4a50
``#2a4a50` `rgb(42,74,80)``
• #335a61
``#335a61` `rgb(51,90,97)``
• #3c6a72
``#3c6a72` `rgb(60,106,114)``
• #457982
``#457982` `rgb(69,121,130)``
• #4d8993
``#4d8993` `rgb(77,137,147)``
Monochromatic Color

# Alternatives to #335a61

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

• #33615d
``#33615d` `rgb(51,97,93)``
• #336160
``#336160` `rgb(51,97,96)``
• #335e61
``#335e61` `rgb(51,94,97)``
• #335a61
``#335a61` `rgb(51,90,97)``
• #335661
``#335661` `rgb(51,86,97)``
• #335261
``#335261` `rgb(51,82,97)``
• #334f61
``#334f61` `rgb(51,79,97)``
Similar Colors

# #335a61 Preview

This text has a font color of #335a61.

``<span style="color:#335a61;">Text here</span>``
#335a61 background color

This paragraph has a background color of #335a61.

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

This element has a border color of #335a61.

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

# Shades and Tints of #335a61

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

• #040707
``#040707` `rgb(4,7,7)``
• #0a1214
``#0a1214` `rgb(10,18,20)``
• #111e21
``#111e21` `rgb(17,30,33)``
• #182a2e
``#182a2e` `rgb(24,42,46)``
• #1f363a
``#1f363a` `rgb(31,54,58)``
• #254247
``#254247` `rgb(37,66,71)``
• #2c4e54
``#2c4e54` `rgb(44,78,84)``
• #335a61
``#335a61` `rgb(51,90,97)``
• #3a666e
``#3a666e` `rgb(58,102,110)``
• #41727b
``#41727b` `rgb(65,114,123)``
• #477e88
``#477e88` `rgb(71,126,136)``
• #4e8a94
``#4e8a94` `rgb(78,138,148)``
• #5596a1
``#5596a1` `rgb(85,150,161)``
• #5f9fab
``#5f9fab` `rgb(95,159,171)``
• #6ca7b2
``#6ca7b2` `rgb(108,167,178)``
• #79afb8
``#79afb8` `rgb(121,175,184)``
• #85b6bf
``#85b6bf` `rgb(133,182,191)``
• #92bec6
``#92bec6` `rgb(146,190,198)``
• #9fc6cd
``#9fc6cd` `rgb(159,198,205)``
• #accdd3
``#accdd3` `rgb(172,205,211)``
• #b9d5da
``#b9d5da` `rgb(185,213,218)``
• #c6dde1
``#c6dde1` `rgb(198,221,225)``
• #d3e4e8
``#d3e4e8` `rgb(211,228,232)``
• #dfecee
``#dfecee` `rgb(223,236,238)``
• #ecf4f5
``#ecf4f5` `rgb(236,244,245)``
• #f9fcfc
``#f9fcfc` `rgb(249,252,252)``
Tint Color Variation

# Tones of #335a61

A tone is produced by adding gray to any pure hue. In this case, #4a4a4a is the less saturated color, while #057a8f is the most saturated one.

• #4a4a4a
``#4a4a4a` `rgb(74,74,74)``
• #444e50
``#444e50` `rgb(68,78,80)``
• #3e5256
``#3e5256` `rgb(62,82,86)``
• #39565b
``#39565b` `rgb(57,86,91)``
• #335a61
``#335a61` `rgb(51,90,97)``
• #2d5e67
``#2d5e67` `rgb(45,94,103)``
• #28626c
``#28626c` `rgb(40,98,108)``
• #226672
``#226672` `rgb(34,102,114)``
• #1c6a78
``#1c6a78` `rgb(28,106,120)``
• #176e7d
``#176e7d` `rgb(23,110,125)``
• #117283
``#117283` `rgb(17,114,131)``
• #0b7689
``#0b7689` `rgb(11,118,137)``
• #057a8f
``#057a8f` `rgb(5,122,143)``
Tone Color Variation

# Color Blindness Simulator

Below, you can see how #335a61 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.5243453,"math_prob":0.7972559,"size":3678,"snap":"2020-34-2020-40","text_gpt3_token_len":1637,"char_repetition_ratio":0.12248231,"word_repetition_ratio":0.011070111,"special_character_ratio":0.5603589,"punctuation_ratio":0.23103058,"nsfw_num_words":0,"has_unicode_error":false,"math_prob_llama3":0.9924783,"pos_list":[0],"im_url_duplicate_count":[null],"WARC_HEADER":"{\"WARC-Type\":\"response\",\"WARC-Date\":\"2020-08-03T18:30:07Z\",\"WARC-Record-ID\":\"<urn:uuid:d0bfda3d-970e-4757-b519-9f5e615932d7>\",\"Content-Length\":\"36231\",\"Content-Type\":\"application/http; msgtype=response\",\"WARC-Warcinfo-ID\":\"<urn:uuid:0d16040f-8037-4cb8-b2bc-a3a81ddb978c>\",\"WARC-Concurrent-To\":\"<urn:uuid:d6521831-f1b9-432a-889b-c622446e5274>\",\"WARC-IP-Address\":\"178.32.117.56\",\"WARC-Target-URI\":\"https://www.colorhexa.com/335a61\",\"WARC-Payload-Digest\":\"sha1:S6RF5636K6KCHUO7CPWY6WUT6GKO2EP4\",\"WARC-Block-Digest\":\"sha1:XP2BFO6GKJNBCSYOUQMKA5MFZ3IALVUB\",\"WARC-Identified-Payload-Type\":\"text/html\",\"warc_filename\":\"/cc_download/warc_2020/CC-MAIN-2020-34/CC-MAIN-2020-34_segments_1596439735823.29_warc_CC-MAIN-20200803170210-20200803200210-00169.warc.gz\"}"}