#45b676 Color Information
In a RGB color space, hex #45b676 is composed of 27.1% red, 71.4% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 0% magenta, 35.2% yellow and 28.6% black. It has a hue angle of 146 degrees, a saturation of 45% and a lightness of 49.2%. #45b676 color hex could be obtained by blending #8affec with #006d00. Closest websafe color is: #33cc66.
-
- R 27
- G 71
- B 46
-
- C 62
- M 0
- Y 35
- K 29
● #45b676 color description : Moderate cyan - lime green.
#45b676 Color Conversion
The hexadecimal color #45b676 has RGB values of R:69, G:182, B:118 and CMYK values of C:0.62, M:0, Y:0.35, K:0.29. Its decimal value is 4568694.
Hex triplet | 45b676 | #45b676 |
---|---|---|
RGB Decimal | 69, 182, 118 | rgb(69,182,118) |
RGB Percent | 27.1, 71.4, 46.3 | rgb(27.1%,71.4%,46.3%) |
CMYK | 62, 0, 35, 29 | |
HSL | 146°, 45, 49.2 | hsl(146,45%,49.2%) |
HSV (or HSB) | 146°, 62.1, 71.4 | |
Web Safe | 33cc66 | #33cc66 |
CIE-LAB | 66.541, -46.702, 23.357 |
---|---|
XYZ | 22.451, 36.027, 22.909 |
xyY | 0.276, 0.443, 36.027 |
CIE-LCH | 66.541, 52.217, 153.429 |
CIE-LUV | 66.541, -48.142, 38.965 |
Hunter-Lab | 60.023, -38.274, 19.386 |
Binary | 01000101, 10110110, 01110110 |
Color Schemes with #45b676
Alternatives to #45b676
Below, you can see some colors close to #45b676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45b676 Preview
This text has a font color of #45b676.
<span style="color:#45b676;">Text here</span>
This paragraph has a background color of #45b676.
<p style="background-color:#45b676;">Content here</p>
This element has a border color of #45b676.
<div style="border:1px solid #45b676;">Content here</div>
.text {color:#45b676;}
.background {background-color:#45b676;}
.border {border:1px solid #45b676;}
Shades and Tints of #45b676
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, #040b07 is the darkest color, while #fcfefd is the lightest one.
-
#040b07
#040b07
rgb(4,11,7)
-
#0a1a11
#0a1a11
rgb(10,26,17)
-
#0f281a
#0f281a
rgb(15,40,26)
-
#143623
#143623
rgb(20,54,35)
-
#1a442c
#1a442c
rgb(26,68,44)
-
#1f5235
#1f5235
rgb(31,82,53)
-
#25613f
#25613f
rgb(37,97,63)
-
#2a6f48
#2a6f48
rgb(42,111,72)
-
#2f7d51
#2f7d51
rgb(47,125,81)
-
#358b5a
#358b5a
rgb(53,139,90)
-
#3a9a64
#3a9a64
rgb(58,154,100)
-
#40a86d
#40a86d
rgb(64,168,109)
-
#45b676
#45b676
rgb(69,182,118)
-
#51bd80
#51bd80
rgb(81,189,128)
-
#60c38b
#60c38b
rgb(96,195,139)
-
#6ec895
#6ec895
rgb(110,200,149)
-
#7ccd9f
#7ccd9f
rgb(124,205,159)
-
#8ad3aa
#8ad3aa
rgb(138,211,170)
-
#99d8b4
#99d8b4
rgb(153,216,180)
-
#a7debf
#a7debf
rgb(167,222,191)
-
#b5e3c9
#b5e3c9
rgb(181,227,201)
-
#c3e8d3
#c3e8d3
rgb(195,232,211)
-
#d1eede
#d1eede
rgb(209,238,222)
-
#e0f3e8
#e0f3e8
rgb(224,243,232)
-
#eef9f2
#eef9f2
rgb(238,249,242)
-
#fcfefd
#fcfefd
rgb(252,254,253)
Tones of #45b676
A tone is produced by adding gray to any pure hue. In this case, #75867c is the less saturated color, while #01fa6d is the most saturated one.
-
#75867c
#75867c
rgb(117,134,124)
-
#6c8f7b
#6c8f7b
rgb(108,143,123)
-
#62997a
#62997a
rgb(98,153,122)
-
#58a379
#58a379
rgb(88,163,121)
-
#4fac77
#4fac77
rgb(79,172,119)
-
#45b676
#45b676
rgb(69,182,118)
-
#3bc075
#3bc075
rgb(59,192,117)
-
#32c973
#32c973
rgb(50,201,115)
-
#28d372
#28d372
rgb(40,211,114)
-
#1edd71
#1edd71
rgb(30,221,113)
-
#15e670
#15e670
rgb(21,230,112)
-
#0bf06e
#0bf06e
rgb(11,240,110)
-
#01fa6d
#01fa6d
rgb(1,250,109)
Color Blindness Simulator
Below, you can see how #45b676 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.