#45a296 Color Information
In a RGB color space, hex #45a296 is composed of 27.1% red, 63.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 0% magenta, 7.4% yellow and 36.5% black. It has a hue angle of 172.3 degrees, a saturation of 40.3% and a lightness of 45.3%. #45a296 color hex could be obtained by blending #8affff with #00452d. Closest websafe color is: #339999.
-
- R 27
- G 64
- B 59
-
- C 57
- M 0
- Y 7
- K 36
● #45a296 color description : Dark moderate cyan.
#45a296 Color Conversion
The hexadecimal color #45a296 has RGB values of R:69, G:162, B:150 and CMYK values of C:0.57, M:0, Y:0.07, K:0.36. Its decimal value is 4563606.
Hex triplet | 45a296 | #45a296 |
---|---|---|
RGB Decimal | 69, 162, 150 | rgb(69,162,150) |
RGB Percent | 27.1, 63.5, 58.8 | rgb(27.1%,63.5%,58.8%) |
CMYK | 57, 0, 7, 36 | |
HSL | 172.3°, 40.3, 45.3 | hsl(172.3,40.3%,45.3%) |
HSV (or HSB) | 172.3°, 57.4, 63.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 61.051, -30.432, -2.049 |
---|---|
XYZ | 20.878, 29.306, 33.409 |
xyY | 0.25, 0.351, 29.306 |
CIE-LCH | 61.051, 30.501, 183.852 |
CIE-LUV | 61.051, -38.808, 1.643 |
Hunter-Lab | 54.135, -25.896, 1.305 |
Binary | 01000101, 10100010, 10010110 |
Color Schemes with #45a296
Alternatives to #45a296
Below, you can see some colors close to #45a296. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45a296 Preview
This text has a font color of #45a296.
<span style="color:#45a296;">Text here</span>
This paragraph has a background color of #45a296.
<p style="background-color:#45a296;">Content here</p>
This element has a border color of #45a296.
<div style="border:1px solid #45a296;">Content here</div>
.text {color:#45a296;}
.background {background-color:#45a296;}
.border {border:1px solid #45a296;}
Shades and Tints of #45a296
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, #050b0a is the darkest color, while #fcfefd is the lightest one.
-
#050b0a
#050b0a
rgb(5,11,10)
-
#0a1817
#0a1817
rgb(10,24,23)
-
#102623
#102623
rgb(16,38,35)
-
#163430
#163430
rgb(22,52,48)
-
#1c423d
#1c423d
rgb(28,66,61)
-
#224f4a
#224f4a
rgb(34,79,74)
-
#285d56
#285d56
rgb(40,93,86)
-
#2e6b63
#2e6b63
rgb(46,107,99)
-
#337970
#337970
rgb(51,121,112)
-
#39867d
#39867d
rgb(57,134,125)
-
#3f9489
#3f9489
rgb(63,148,137)
-
#45a296
#45a296
rgb(69,162,150)
-
#4bb0a3
#4bb0a3
rgb(75,176,163)
-
#57b7ab
#57b7ab
rgb(87,183,171)
-
#65bdb2
#65bdb2
rgb(101,189,178)
-
#72c3b9
#72c3b9
rgb(114,195,185)
-
#80c9c0
#80c9c0
rgb(128,201,192)
-
#8ecfc6
#8ecfc6
rgb(142,207,198)
-
#9cd5cd
#9cd5cd
rgb(156,213,205)
-
#a9dbd4
#a9dbd4
rgb(169,219,212)
-
#b7e0db
#b7e0db
rgb(183,224,219)
-
#c5e6e2
#c5e6e2
rgb(197,230,226)
-
#d3ece9
#d3ece9
rgb(211,236,233)
-
#e0f2f0
#e0f2f0
rgb(224,242,240)
-
#eef8f7
#eef8f7
rgb(238,248,247)
-
#fcfefd
#fcfefd
rgb(252,254,253)
Tones of #45a296
A tone is produced by adding gray to any pure hue. In this case, #717675 is the less saturated color, while #07e0c4 is the most saturated one.
-
#717675
#717675
rgb(113,118,117)
-
#697e7c
#697e7c
rgb(105,126,124)
-
#608782
#608782
rgb(96,135,130)
-
#579089
#579089
rgb(87,144,137)
-
#4e998f
#4e998f
rgb(78,153,143)
-
#45a296
#45a296
rgb(69,162,150)
-
#3cab9d
#3cab9d
rgb(60,171,157)
-
#33b4a3
#33b4a3
rgb(51,180,163)
-
#2abdaa
#2abdaa
rgb(42,189,170)
-
#21c6b0
#21c6b0
rgb(33,198,176)
-
#19ceb7
#19ceb7
rgb(25,206,183)
-
#10d7be
#10d7be
rgb(16,215,190)
-
#07e0c4
#07e0c4
rgb(7,224,196)
Color Blindness Simulator
Below, you can see how #45a296 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.