#45a5a2 Color Information
In a RGB color space, hex #45a5a2 is composed of 27.1% red, 64.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 0% magenta, 1.8% yellow and 35.3% black. It has a hue angle of 178.1 degrees, a saturation of 41% and a lightness of 45.9%. #45a5a2 color hex could be obtained by blending #8affff with #004b45. Closest websafe color is: #339999.
-
- R 27
- G 65
- B 64
-
- C 58
- M 0
- Y 2
- K 35
● #45a5a2 color description : Dark moderate cyan.
#45a5a2 Color Conversion
The hexadecimal color #45a5a2 has RGB values of R:69, G:165, B:162 and CMYK values of C:0.58, M:0, Y:0.02, K:0.35. Its decimal value is 4564386.
Hex triplet | 45a5a2 | #45a5a2 |
---|---|---|
RGB Decimal | 69, 165, 162 | rgb(69,165,162) |
RGB Percent | 27.1, 64.7, 63.5 | rgb(27.1%,64.7%,63.5%) |
CMYK | 58, 0, 2, 35 | |
HSL | 178.1°, 41, 45.9 | hsl(178.1,41%,45.9%) |
HSV (or HSB) | 178.1°, 58.2, 64.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 62.323, -28.623, -6.923 |
---|---|
XYZ | 22.429, 30.782, 38.94 |
xyY | 0.243, 0.334, 30.782 |
CIE-LCH | 62.323, 29.449, 193.596 |
CIE-LUV | 62.323, -39.342, -5.961 |
Hunter-Lab | 55.482, -24.933, -2.775 |
Binary | 01000101, 10100101, 10100010 |
Color Schemes with #45a5a2
Alternatives to #45a5a2
Below, you can see some colors close to #45a5a2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45a5a2 Preview
This text has a font color of #45a5a2.
<span style="color:#45a5a2;">Text here</span>
This paragraph has a background color of #45a5a2.
<p style="background-color:#45a5a2;">Content here</p>
This element has a border color of #45a5a2.
<div style="border:1px solid #45a5a2;">Content here</div>
.text {color:#45a5a2;}
.background {background-color:#45a5a2;}
.border {border:1px solid #45a5a2;}
Shades and Tints of #45a5a2
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)
-
#225251
#225251
rgb(34,82,81)
-
#28605e
#28605e
rgb(40,96,94)
-
#2e6e6c
#2e6e6c
rgb(46,110,108)
-
#347c79
#347c79
rgb(52,124,121)
-
#398987
#398987
rgb(57,137,135)
-
#3f9794
#3f9794
rgb(63,151,148)
-
#45a5a2
#45a5a2
rgb(69,165,162)
-
#4bb3b0
#4bb3b0
rgb(75,179,176)
-
#58b9b6
#58b9b6
rgb(88,185,182)
-
#66bfbc
#66bfbc
rgb(102,191,188)
-
#74c5c2
#74c5c2
rgb(116,197,194)
-
#82cbc8
#82cbc8
rgb(130,203,200)
-
#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)
-
#e2f3f3
#e2f3f3
rgb(226,243,243)
-
#f0f9f9
#f0f9f9
rgb(240,249,249)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #45a5a2
A tone is produced by adding gray to any pure hue. In this case, #727878 is the less saturated color, while #06e4dd is the most saturated one.
-
#727878
#727878
rgb(114,120,120)
-
#698180
#698180
rgb(105,129,128)
-
#608a89
#608a89
rgb(96,138,137)
-
#579391
#579391
rgb(87,147,145)
-
#4e9c9a
#4e9c9a
rgb(78,156,154)
-
#45a5a2
#45a5a2
rgb(69,165,162)
-
#3caeaa
#3caeaa
rgb(60,174,170)
-
#33b7b3
#33b7b3
rgb(51,183,179)
-
#2ac0bb
#2ac0bb
rgb(42,192,187)
-
#21c9c4
#21c9c4
rgb(33,201,196)
-
#18d2cc
#18d2cc
rgb(24,210,204)
-
#0fdbd5
#0fdbd5
rgb(15,219,213)
-
#06e4dd
#06e4dd
rgb(6,228,221)
Color Blindness Simulator
Below, you can see how #45a5a2 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.