#45b7aa Color Information
In a RGB color space, hex #45b7aa is composed of 27.1% red, 71.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 0% magenta, 7.1% yellow and 28.2% black. It has a hue angle of 173.2 degrees, a saturation of 45.2% and a lightness of 49.4%. #45b7aa color hex could be obtained by blending #8affff with #006f55. Closest websafe color is: #33cc99.
-
- R 27
- G 72
- B 67
-
- C 62
- M 0
- Y 7
- K 28
● #45b7aa color description : Moderate cyan.
#45b7aa Color Conversion
The hexadecimal color #45b7aa has RGB values of R:69, G:183, B:170 and CMYK values of C:0.62, M:0, Y:0.07, K:0.28. Its decimal value is 4569002.
| Hex triplet | 45b7aa | #45b7aa |
|---|---|---|
| RGB Decimal | 69, 183, 170 | rgb(69,183,170) |
| RGB Percent | 27.1, 71.8, 66.7 | rgb(27.1%,71.8%,66.7%) |
| CMYK | 62, 0, 7, 28 | |
| HSL | 173.2°, 45.2, 49.4 | hsl(173.2,45.2%,49.4%) |
| HSV (or HSB) | 173.2°, 62.3, 71.8 | |
| Web Safe | 33cc99 | #33cc99 |
| CIE-LAB | 68.044, -35.039, -2.92 |
|---|---|
| XYZ | 26.641, 38.032, 43.965 |
| xyY | 0.245, 0.35, 38.032 |
| CIE-LCH | 68.044, 35.16, 184.764 |
| CIE-LUV | 68.044, -45.701, 1.048 |
| Hunter-Lab | 61.67, -30.812, 0.901 |
| Binary | 01000101, 10110111, 10101010 |
Color Schemes with #45b7aa
Alternatives to #45b7aa
Below, you can see some colors close to #45b7aa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45b7aa Preview
This text has a font color of #45b7aa.
<span style="color:#45b7aa;">Text here</span>
This paragraph has a background color of #45b7aa.
<p style="background-color:#45b7aa;">Content here</p>
This element has a border color of #45b7aa.
<div style="border:1px solid #45b7aa;">Content here</div>
.text {color:#45b7aa;}
.background {background-color:#45b7aa;}
.border {border:1px solid #45b7aa;}
Shades and Tints of #45b7aa
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, #050c0b is the darkest color, while #fdfefe is the lightest one.
-
#050c0b
#050c0brgb(5,12,11) -
#0a1a18
#0a1a18rgb(10,26,24) -
#0f2926
#0f2926rgb(15,41,38) -
#153733
#153733rgb(21,55,51) -
#1a4540
#1a4540rgb(26,69,64) -
#1f534d
#1f534drgb(31,83,77) -
#25625b
#25625brgb(37,98,91) -
#2a7068
#2a7068rgb(42,112,104) -
#307e75
#307e75rgb(48,126,117) -
#358c82
#358c82rgb(53,140,130) -
#3a9b90
#3a9b90rgb(58,155,144) -
#40a99d
#40a99drgb(64,169,157) -
#45b7aa
#45b7aargb(69,183,170)
-
#52beb1
#52beb1rgb(82,190,177) -
#60c3b8
#60c3b8rgb(96,195,184) -
#6ec8be
#6ec8bergb(110,200,190) -
#7dcec5
#7dcec5rgb(125,206,197) -
#8bd3cb
#8bd3cbrgb(139,211,203) -
#99d9d1
#99d9d1rgb(153,217,209) -
#a7ded8
#a7ded8rgb(167,222,216) -
#b6e3de
#b6e3dergb(182,227,222) -
#c4e9e4
#c4e9e4rgb(196,233,228) -
#d2eeeb
#d2eeebrgb(210,238,235) -
#e0f3f1
#e0f3f1rgb(224,243,241) -
#eff9f8
#eff9f8rgb(239,249,248) -
#fdfefe
#fdfefergb(253,254,254)
Tones of #45b7aa
A tone is produced by adding gray to any pure hue. In this case, #758785 is the less saturated color, while #01fbde is the most saturated one.
-
#758785
#758785rgb(117,135,133) -
#6c908c
#6c908crgb(108,144,140) -
#629a94
#629a94rgb(98,154,148) -
#58a49b
#58a49brgb(88,164,155) -
#4fada3
#4fada3rgb(79,173,163) -
#45b7aa
#45b7aargb(69,183,170) -
#3bc1b1
#3bc1b1rgb(59,193,177) -
#32cab9
#32cab9rgb(50,202,185) -
#28d4c0
#28d4c0rgb(40,212,192) -
#1edec8
#1edec8rgb(30,222,200) -
#15e7cf
#15e7cfrgb(21,231,207) -
#0bf1d7
#0bf1d7rgb(11,241,215) -
#01fbde
#01fbdergb(1,251,222)
Color Blindness Simulator
Below, you can see how #45b7aa 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.
