# #5a83bf Color Information

In a RGB color space, hex #5a83bf is composed of 35.3% red, 51.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 31.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 215.6 degrees, a saturation of 44.1% and a lightness of 55.1%. #5a83bf color hex could be obtained by blending #b4ffff with #00077f. Closest websafe color is: #6699cc.

• R 35
• G 51
• B 75
RGB color chart
• C 53
• M 31
• Y 0
• K 25
CMYK color chart

#5a83bf color description : Moderate blue.

# #5a83bf Color Conversion

The hexadecimal color #5a83bf has RGB values of R:90, G:131, B:191 and CMYK values of C:0.53, M:0.31, Y:0, K:0.25. Its decimal value is 5931967.

Hex triplet RGB Decimal 5a83bf `#5a83bf` 90, 131, 191 `rgb(90,131,191)` 35.3, 51.4, 74.9 `rgb(35.3%,51.4%,74.9%)` 53, 31, 0, 25 215.6°, 44.1, 55.1 `hsl(215.6,44.1%,55.1%)` 215.6°, 52.9, 74.9 6699cc `#6699cc`
CIE-LAB 54.203, 3.155, -35.711 21.735, 22.167, 52.421 0.226, 0.23, 22.167 54.203, 35.85, 275.048 54.203, -19.639, -55.177 47.082, 0.01, -33.056 01011010, 10000011, 10111111

# Color Schemes with #5a83bf

• #5a83bf
``#5a83bf` `rgb(90,131,191)``
• #bf965a
``#bf965a` `rgb(191,150,90)``
Complementary Color
• #5ab6bf
``#5ab6bf` `rgb(90,182,191)``
• #5a83bf
``#5a83bf` `rgb(90,131,191)``
• #645abf
``#645abf` `rgb(100,90,191)``
Analogous Color
• #b6bf5a
``#b6bf5a` `rgb(182,191,90)``
• #5a83bf
``#5a83bf` `rgb(90,131,191)``
• #bf645a
``#bf645a` `rgb(191,100,90)``
Split Complementary Color
• #83bf5a
``#83bf5a` `rgb(131,191,90)``
• #5a83bf
``#5a83bf` `rgb(90,131,191)``
• #bf5a83
``#bf5a83` `rgb(191,90,131)``
• #5abf96
``#5abf96` `rgb(90,191,150)``
• #5a83bf
``#5a83bf` `rgb(90,131,191)``
• #bf5a83
``#bf5a83` `rgb(191,90,131)``
• #bf965a
``#bf965a` `rgb(191,150,90)``
• #395e93
``#395e93` `rgb(57,94,147)``
• #4069a6
``#4069a6` `rgb(64,105,166)``
• #4875b8
``#4875b8` `rgb(72,117,184)``
• #5a83bf
``#5a83bf` `rgb(90,131,191)``
• #6c91c6
``#6c91c6` `rgb(108,145,198)``
• #7f9fcd
``#7f9fcd` `rgb(127,159,205)``
• #91acd4
``#91acd4` `rgb(145,172,212)``
Monochromatic Color

# Alternatives to #5a83bf

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

• #5a9cbf
``#5a9cbf` `rgb(90,156,191)``
• #5a94bf
``#5a94bf` `rgb(90,148,191)``
• #5a8bbf
``#5a8bbf` `rgb(90,139,191)``
• #5a83bf
``#5a83bf` `rgb(90,131,191)``
• #5a7bbf
``#5a7bbf` `rgb(90,123,191)``
• #5a72bf
``#5a72bf` `rgb(90,114,191)``
• #5a6abf
``#5a6abf` `rgb(90,106,191)``
Similar Colors

# #5a83bf Preview

This text has a font color of #5a83bf.

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

This paragraph has a background color of #5a83bf.

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

This element has a border color of #5a83bf.

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

# Shades and Tints of #5a83bf

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

• #020305
``#020305` `rgb(2,3,5)``
• #070c13
``#070c13` `rgb(7,12,19)``
• #0d1521
``#0d1521` `rgb(13,21,33)``
• #121e2f
``#121e2f` `rgb(18,30,47)``
• #18273d
``#18273d` `rgb(24,39,61)``
• #1d304b
``#1d304b` `rgb(29,48,75)``
• #233959
``#233959` `rgb(35,57,89)``
• #284268
``#284268` `rgb(40,66,104)``
• #2e4b76
``#2e4b76` `rgb(46,75,118)``
• #335484
``#335484` `rgb(51,84,132)``
• #395d92
``#395d92` `rgb(57,93,146)``
• #3e66a0
``#3e66a0` `rgb(62,102,160)``
• #446fae
``#446fae` `rgb(68,111,174)``
• #4c78ba
``#4c78ba` `rgb(76,120,186)``
• #5a83bf
``#5a83bf` `rgb(90,131,191)``
• #688ec4
``#688ec4` `rgb(104,142,196)``
• #7698ca
``#7698ca` `rgb(118,152,202)``
• #84a3cf
``#84a3cf` `rgb(132,163,207)``
``#93add5` `rgb(147,173,213)``
• #a1b8da
``#a1b8da` `rgb(161,184,218)``
• #afc3e0
``#afc3e0` `rgb(175,195,224)``
• #bdcde5
``#bdcde5` `rgb(189,205,229)``
• #cbd8eb
``#cbd8eb` `rgb(203,216,235)``
• #d9e3f0
``#d9e3f0` `rgb(217,227,240)``
• #e7edf6
``#e7edf6` `rgb(231,237,246)``
• #f5f8fb
``#f5f8fb` `rgb(245,248,251)``
Tint Color Variation

# Tones of #5a83bf

A tone is produced by adding gray to any pure hue. In this case, #868b93 is the less saturated color, while #1c77fd is the most saturated one.

• #868b93
``#868b93` `rgb(134,139,147)``
• #7d8a9c
``#7d8a9c` `rgb(125,138,156)``
• #7488a5
``#7488a5` `rgb(116,136,165)``
``#6c86ad` `rgb(108,134,173)``
• #6385b6
``#6385b6` `rgb(99,133,182)``
• #5a83bf
``#5a83bf` `rgb(90,131,191)``
• #5181c8
``#5181c8` `rgb(81,129,200)``
• #4880d1
``#4880d1` `rgb(72,128,209)``
• #407ed9
``#407ed9` `rgb(64,126,217)``
• #377ce2
``#377ce2` `rgb(55,124,226)``
• #2e7beb
``#2e7beb` `rgb(46,123,235)``
• #2579f4
``#2579f4` `rgb(37,121,244)``
• #1c77fd
``#1c77fd` `rgb(28,119,253)``
Tone Color Variation

# Color Blindness Simulator

Below, you can see how #5a83bf 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.54366153,"math_prob":0.7891457,"size":3714,"snap":"2020-24-2020-29","text_gpt3_token_len":1678,"char_repetition_ratio":0.11886793,"word_repetition_ratio":0.011111111,"special_character_ratio":0.551427,"punctuation_ratio":0.23809524,"nsfw_num_words":0,"has_unicode_error":false,"math_prob_llama3":0.9852088,"pos_list":[0],"im_url_duplicate_count":[null],"WARC_HEADER":"{\"WARC-Type\":\"response\",\"WARC-Date\":\"2020-05-31T21:10:16Z\",\"WARC-Record-ID\":\"<urn:uuid:ed3ab546-ea79-4b2c-b3a6-551e4ba64708>\",\"Content-Length\":\"36322\",\"Content-Type\":\"application/http; msgtype=response\",\"WARC-Warcinfo-ID\":\"<urn:uuid:24e346ab-1cf7-4eab-9893-bb2706f525d8>\",\"WARC-Concurrent-To\":\"<urn:uuid:19fa8971-6732-4115-8e24-94ff81354dd5>\",\"WARC-IP-Address\":\"178.32.117.56\",\"WARC-Target-URI\":\"https://www.colorhexa.com/5a83bf\",\"WARC-Payload-Digest\":\"sha1:MRZ635QEXVJR3WNTOZ3FXBYBRXVUS3XF\",\"WARC-Block-Digest\":\"sha1:MMBM3X5KOD4ZVFJ43VQGZQOT3UZKKJEE\",\"WARC-Identified-Payload-Type\":\"text/html\",\"warc_filename\":\"/cc_download/warc_2020/CC-MAIN-2020-24/CC-MAIN-2020-24_segments_1590347413624.48_warc_CC-MAIN-20200531182830-20200531212830-00421.warc.gz\"}"}