#45a5a1 Color Information
In a RGB color space, hex #45a5a1 is composed of 27.1% red, 64.7% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 0% magenta, 2.4% yellow and 35.3% black. It has a hue angle of 177.5 degrees, a saturation of 41% and a lightness of 45.9%. #45a5a1 color hex could be obtained by blending #8affff with #004b43. Closest websafe color is: #339999.
-
- R 27
- G 65
- B 63
-
- C 58
- M 0
- Y 2
- K 35
● #45a5a1 color description : Dark moderate cyan.
#45a5a1 Color Conversion
The hexadecimal color #45a5a1 has RGB values of R:69, G:165, B:161 and CMYK values of C:0.58, M:0, Y:0.02, K:0.35. Its decimal value is 4564385.
Hex triplet | 45a5a1 | #45a5a1 |
---|---|---|
RGB Decimal | 69, 165, 161 | rgb(69,165,161) |
RGB Percent | 27.1, 64.7, 63.1 | rgb(27.1%,64.7%,63.1%) |
CMYK | 58, 0, 2, 35 | |
HSL | 177.5°, 41, 45.9 | hsl(177.5,41%,45.9%) |
HSV (or HSB) | 177.5°, 58.2, 64.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 62.293, -28.901, -6.405 |
---|---|
XYZ | 22.34, 30.747, 38.474 |
xyY | 0.244, 0.336, 30.747 |
CIE-LCH | 62.293, 29.602, 192.497 |
CIE-LUV | 62.293, -39.394, -5.131 |
Hunter-Lab | 55.45, -25.121, -2.323 |
Binary | 01000101, 10100101, 10100001 |
Color Schemes with #45a5a1
Alternatives to #45a5a1
Below, you can see some colors close to #45a5a1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45a5a1 Preview
This text has a font color of #45a5a1.
<span style="color:#45a5a1;">Text here</span>
This paragraph has a background color of #45a5a1.
<p style="background-color:#45a5a1;">Content here</p>
This element has a border color of #45a5a1.
<div style="border:1px solid #45a5a1;">Content here</div>
.text {color:#45a5a1;}
.background {background-color:#45a5a1;}
.border {border:1px solid #45a5a1;}
Shades and Tints of #45a5a1
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, #050d0d is the darkest color, while #feffff is the lightest one.
-
#050d0d
#050d0d
rgb(5,13,13)
-
#0b1b1a
#0b1b1a
rgb(11,27,26)
-
#112928
#112928
rgb(17,41,40)
-
#173635
#173635
rgb(23,54,53)
-
#1d4443
#1d4443
rgb(29,68,67)
-
#225250
#225250
rgb(34,82,80)
-
#28605e
#28605e
rgb(40,96,94)
-
#2e6e6b
#2e6e6b
rgb(46,110,107)
-
#347c79
#347c79
rgb(52,124,121)
-
#398986
#398986
rgb(57,137,134)
-
#3f9794
#3f9794
rgb(63,151,148)
-
#45a5a1
#45a5a1
rgb(69,165,161)
-
#4bb3ae
#4bb3ae
rgb(75,179,174)
-
#58b9b5
#58b9b5
rgb(88,185,181)
-
#66bfbb
#66bfbb
rgb(102,191,187)
-
#74c5c1
#74c5c1
rgb(116,197,193)
-
#82cbc7
#82cbc7
rgb(130,203,199)
-
#8fd0ce
#8fd0ce
rgb(143,208,206)
-
#9dd6d4
#9dd6d4
rgb(157,214,212)
-
#abdcda
#abdcda
rgb(171,220,218)
-
#b9e2e0
#b9e2e0
rgb(185,226,224)
-
#c7e7e6
#c7e7e6
rgb(199,231,230)
-
#d5edec
#d5edec
rgb(213,237,236)
-
#e2f3f2
#e2f3f2
rgb(226,243,242)
-
#f0f9f8
#f0f9f8
rgb(240,249,248)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #45a5a1
A tone is produced by adding gray to any pure hue. In this case, #727878 is the less saturated color, while #06e4db is the most saturated one.
-
#727878
#727878
rgb(114,120,120)
-
#698180
#698180
rgb(105,129,128)
-
#608a88
#608a88
rgb(96,138,136)
-
#579391
#579391
rgb(87,147,145)
-
#4e9c99
#4e9c99
rgb(78,156,153)
-
#45a5a1
#45a5a1
rgb(69,165,161)
-
#3caea9
#3caea9
rgb(60,174,169)
-
#33b7b2
#33b7b2
rgb(51,183,178)
-
#2ac0ba
#2ac0ba
rgb(42,192,186)
-
#21c9c2
#21c9c2
rgb(33,201,194)
-
#18d2ca
#18d2ca
rgb(24,210,202)
-
#0fdbd3
#0fdbd3
rgb(15,219,211)
-
#06e4db
#06e4db
rgb(6,228,219)
Color Blindness Simulator
Below, you can see how #45a5a1 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.