#59baa3 Color Informations
This page lists more detailed information about the hex color code #59baa3(also known as puerto rico color). In a RGB color space, hex #59baa3 is composed of 89(34.9%) red, 186(72.94%) green and 163(63.92%) blue. Its decimal value is 5880483. In a CMYK color space, it is consist of 52.15% cyan, 0% magenta, 12.37% yellow and 27.06% black. It has a hue angle of 165.77 degrees, a saturation of 41.28% and a lightness of 53.92%.
Color #59baa3 contains mostly Cyan color, is a cool color and closest websafe color is #66cc99. #59baa3 color hex could be obtained by blending #b2ffff with #007547. Other more detailed information such as description, conversion, analysis, schemes, shades & tines, tones, alternatives, preview in css/html and background images of this color, please browses the following content.

#59baa3 color description : strong green-cyan/strong turquoise.
#59baa3 Color Conversion
-
- Hex triplet 59, ba, a3
- RGB Decimal 89, 186, 163
- RGB Octal 131, 272, 243
- RGB Binary 01011001, 10111010, 10100011
- RGB Percent 34.9%, 72.94%, 63.92%
- XYZ 28.2896, 39.886, 40.8581
- xyY 0.2595, 0.3658, 39.886
-
- CMYK 52.15%, 0%, 12.37%, 27.06%
- HSL 165.77°, 41.28, 53.92
- HSV(HSB) 165.77°, 52.15, 72.94
- CIE-L*AB 69.388, -34.217, 2.964
- CIE-L*CH 69.388, 34.345, 175.048
- CIE-L*UV 69.388, -42.208, 9.775
- Hunter-Lab 63.155, -30.565, 5.851
#59baa3 Color Analysis
Color Schemes with #59baa3
Complementary Color of #59baa3 is #ba5970. Split Complementary Colors of #59baa3 are #ba7359 and #ba59a1. Analogous Colors of #59baa3 are #59ba73 and #59a1ba. Triadic Colors of #59baa3 are #baa359 and #a359ba
Shades and Tints of #59baa3
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, #000000 is the darkest color, while #f1f9f7 is the lightest one.
-
#000000
#000000
rgb(0,0,0) -
#060e0c
#060e0c
rgb(6,14,12) -
#0c1c18
#0c1c18
rgb(12,28,24) -
#112a24
#112a24
rgb(17,42,36) -
#173830
#173830
rgb(23,56,48) -
#1d463c
#1d463c
rgb(29,70,60) -
#235348
#235348
rgb(35,83,72) -
#286154
#286154
rgb(40,97,84) -
#2e6f60
#2e6f60
rgb(46,111,96) -
#347d6c
#347d6c
rgb(52,125,108) -
#3a8b78
#3a8b78
rgb(58,139,120) -
#3f9984
#3f9984
rgb(63,153,132) -
#45a78f
#45a78f
rgb(69,167,143)
-
#4bb49b
#4bb49b
rgb(75,180,155) -
#59baa3
#59baa3
rgb(89,186,163) -
#67c0ab
#67c0ab
rgb(103,192,171) -
#75c6b2
#75c6b2
rgb(117,198,178) -
#83cbba
#83cbba
rgb(131,203,186) -
#90d1c2
#90d1c2
rgb(144,209,194) -
#9ed7c9
#9ed7c9
rgb(158,215,201) -
#acddd1
#acddd1
rgb(172,221,209) -
#bae2d9
#bae2d9
rgb(186,226,217) -
#c8e8e0
#c8e8e0
rgb(200,232,224) -
#d6eee8
#d6eee8
rgb(214,238,232) -
#e4f4f0
#e4f4f0
rgb(228,244,240) -
#f1f9f7
#f1f9f7
rgb(241,249,247)
Tones of #59baa3
A tone is produced by adding gray to any pure hue. In this case, #868d8b is the less saturated color, while #1af9c4 is the most saturated one.
-
#868d8b
#868d8b
rgb(134,141,139) -
#7d9690
#7d9690
rgb(125,150,144) -
#749f95
#749f95
rgb(116,159,149) -
#6ba899
#6ba899
rgb(107,168,153) -
#62b19e
#62b19e
rgb(98,177,158) -
#59baa3
#59baa3
rgb(89,186,163) -
#50c3a8
#50c3a8
rgb(80,195,168) -
#47ccad
#47ccad
rgb(71,204,173) -
#3ed5b1
#3ed5b1
rgb(62,213,177) -
#35deb6
#35deb6
rgb(53,222,182) -
#2ce7bb
#2ce7bb
rgb(44,231,187) -
#23f0c0
#23f0c0
rgb(35,240,192) -
#1af9c4
#1af9c4
rgb(26,249,196)
Alternatives to #59baa3
Below, site show some colors close to #59baa3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
-
#59ba73
#59ba73
rgb(89,186,115) -
#59ba7b
#59ba7b
rgb(89,186,123) -
#59ba83
#59ba83
rgb(89,186,131) -
#59ba8b
#59ba8b
rgb(89,186,139) -
#59ba93
#59ba93
rgb(89,186,147) -
#59ba9b
#59ba9b
rgb(89,186,155) -
#59baa3
#59baa3
rgb(89,186,163) -
#59baab
#59baab
rgb(89,186,171) -
#59bab3
#59bab3
rgb(89,186,179) -
#59b9ba
#59b9ba
rgb(89,185,186) -
#59b1ba
#59b1ba
rgb(89,177,186) -
#59a9ba
#59a9ba
rgb(89,169,186) -
#59a1ba
#59a1ba
rgb(89,161,186)
#59baa3 Preview in HTML
This text has a font color of #59baa3.
<span style="color:#59baa3;">Text here</span>
#59baa3 Text Shadow.
<span style="text-shadow:2px 2px 3px #59baa3;">Text here</span>
This paragraph has a background color of #59baa3.
<p style="background-color:#59baa3;">Content here</p>
This element has a border color of #59baa3.
<div style="border:1px solid #59baa3;">Content here</div>
.text{color:#59baa3;}
.background{background-color:#59baa3;}
.border{border:1px solid #59baa3;}
Download #59baa3 color images
Solid color background with hex color code #59baa3(with the name puerto rico). Background is available in various resolutions for view and download. You are free to use these backgrounds for personal and commercial projects. Preview(size 320x320) - Facebook(180x180) - Twitter(73x73) - Google+(250x250) - iPhone(320x480) - 32x32 - 48x48 - 64x64 - 100x100 - 160x600 - 200x200 - 300x250 - 300x300 - 320x50 - 320x320 - 336x280 - 400x300 - 400x400 - 500x500 - 600x600 - 640x480 - 640x960 - 640x1136 - 700x700 - 728x90 - 800x600 - 851x315 - 1024x600 - 1024x768 - 1024x1024 - 1152x864 - 1200x600 - 1280x720 - 1280x768 - 1280x800 - 1280x960 - 1280x1024 - 1360x768 - 1366x768 - 1440x900 - 1400x1050 - 1600x900 - 1600x1200 - 1680x1050 - 1920x1080 - 1920x1200 - 2048x1536 - 2048x2048 - 2560x1440 - 2560x1600 - 2880x1800 -