#5a8da2 Color Information
In a RGB color space, hex #5a8da2 is composed of 35.3% red, 55.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 13% magenta, 0% yellow and 36.5% black. It has a hue angle of 197.5 degrees, a saturation of 28.6% and a lightness of 49.4%. #5a8da2 color hex could be obtained by blending #b4ffff with #001b45. Closest websafe color is: #669999.
-
- R 35
- G 55
- B 64
-
- C 44
- M 13
- Y 0
- K 36
● #5a8da2 color description : Mostly desaturated dark blue.
#5a8da2 Color Conversion
The hexadecimal color #5a8da2 has RGB values of R:90, G:141, B:162 and CMYK values of C:0.44, M:0.13, Y:0, K:0.36. Its decimal value is 5934498.
Hex triplet | 5a8da2 | #5a8da2 |
---|---|---|
RGB Decimal | 90, 141, 162 | rgb(90,141,162) |
RGB Percent | 35.3, 55.3, 63.5 | rgb(35.3%,55.3%,63.5%) |
CMYK | 44, 13, 0, 36 | |
HSL | 197.5°, 28.6, 49.4 | hsl(197.5,28.6%,49.4%) |
HSV (or HSB) | 197.5°, 44.4, 63.5 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.918, -11.307, -16.459 |
---|---|
XYZ | 20.261, 23.831, 37.713 |
xyY | 0.248, 0.291, 23.831 |
CIE-LCH | 55.918, 19.969, 235.51 |
CIE-LUV | 55.918, -23.794, -22.822 |
Hunter-Lab | 48.817, -11.344, -11.631 |
Binary | 01011010, 10001101, 10100010 |
Color Schemes with #5a8da2
Alternatives to #5a8da2
Below, you can see some colors close to #5a8da2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5a8da2 Preview
This text has a font color of #5a8da2.
<span style="color:#5a8da2;">Text here</span>
This paragraph has a background color of #5a8da2.
<p style="background-color:#5a8da2;">Content here</p>
This element has a border color of #5a8da2.
<div style="border:1px solid #5a8da2;">Content here</div>
.text {color:#5a8da2;}
.background {background-color:#5a8da2;}
.border {border:1px solid #5a8da2;}
Shades and Tints of #5a8da2
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, #06090b is the darkest color, while #fdfefe is the lightest one.
-
#06090b
#06090b
rgb(6,9,11)
-
#0d1417
#0d1417
rgb(13,20,23)
-
#141f24
#141f24
rgb(20,31,36)
-
#1b2a31
#1b2a31
rgb(27,42,49)
-
#22353d
#22353d
rgb(34,53,61)
-
#29404a
#29404a
rgb(41,64,74)
-
#304b56
#304b56
rgb(48,75,86)
-
#375663
#375663
rgb(55,86,99)
-
#3e6170
#3e6170
rgb(62,97,112)
-
#456c7c
#456c7c
rgb(69,108,124)
-
#4c7789
#4c7789
rgb(76,119,137)
-
#538295
#538295
rgb(83,130,149)
-
#5a8da2
#5a8da2
rgb(90,141,162)
-
#6696aa
#6696aa
rgb(102,150,170)
-
#729fb1
#729fb1
rgb(114,159,177)
-
#7fa7b8
#7fa7b8
rgb(127,167,184)
-
#8cb0bf
#8cb0bf
rgb(140,176,191)
-
#98b9c6
#98b9c6
rgb(152,185,198)
-
#a5c1cd
#a5c1cd
rgb(165,193,205)
-
#b1cad4
#b1cad4
rgb(177,202,212)
-
#bed2db
#bed2db
rgb(190,210,219)
-
#cbdbe2
#cbdbe2
rgb(203,219,226)
-
#d7e4e9
#d7e4e9
rgb(215,228,233)
-
#e4ecf0
#e4ecf0
rgb(228,236,240)
-
#f0f5f7
#f0f5f7
rgb(240,245,247)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #5a8da2
A tone is produced by adding gray to any pure hue. In this case, #778185 is the less saturated color, while #03b1f9 is the most saturated one.
-
#778185
#778185
rgb(119,129,133)
-
#6d858f
#6d858f
rgb(109,133,143)
-
#648998
#648998
rgb(100,137,152)
-
#5a8da2
#5a8da2
rgb(90,141,162)
-
#5091ac
#5091ac
rgb(80,145,172)
-
#4795b5
#4795b5
rgb(71,149,181)
-
#3d99bf
#3d99bf
rgb(61,153,191)
-
#339dc9
#339dc9
rgb(51,157,201)
-
#2aa1d2
#2aa1d2
rgb(42,161,210)
-
#20a5dc
#20a5dc
rgb(32,165,220)
-
#16a9e6
#16a9e6
rgb(22,169,230)
-
#0cadf0
#0cadf0
rgb(12,173,240)
-
#03b1f9
#03b1f9
rgb(3,177,249)
Color Blindness Simulator
Below, you can see how #5a8da2 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.