#45bea2 Color Information
In a RGB color space, hex #45bea2 is composed of 27.1% red, 74.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 0% magenta, 14.7% yellow and 25.5% black. It has a hue angle of 166.1 degrees, a saturation of 48.2% and a lightness of 50.8%. #45bea2 color hex could be obtained by blending #8affff with #007d45. Closest websafe color is: #33cc99.
-
- R 27
- G 75
- B 64
-
- C 64
- M 0
- Y 15
- K 25
● #45bea2 color description : Moderate cyan.
#45bea2 Color Conversion
The hexadecimal color #45bea2 has RGB values of R:69, G:190, B:162 and CMYK values of C:0.64, M:0, Y:0.15, K:0.25. Its decimal value is 4570786.
Hex triplet | 45bea2 | #45bea2 |
---|---|---|
RGB Decimal | 69, 190, 162 | rgb(69,190,162) |
RGB Percent | 27.1, 74.5, 63.5 | rgb(27.1%,74.5%,63.5%) |
CMYK | 64, 0, 15, 25 | |
HSL | 166.1°, 48.2, 50.8 | hsl(166.1,48.2%,50.8%) |
HSV (or HSB) | 166.1°, 63.7, 74.5 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 69.964, -40.288, 4.27 |
---|---|
XYZ | 27.387, 40.698, 40.593 |
xyY | 0.252, 0.374, 40.698 |
CIE-LCH | 69.964, 40.514, 173.95 |
CIE-LUV | 69.964, -48.778, 12.594 |
Hunter-Lab | 63.795, -35.013, 6.931 |
Binary | 01000101, 10111110, 10100010 |
Color Schemes with #45bea2
Alternatives to #45bea2
Below, you can see some colors close to #45bea2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45bea2 Preview
This text has a font color of #45bea2.
<span style="color:#45bea2;">Text here</span>
This paragraph has a background color of #45bea2.
<p style="background-color:#45bea2;">Content here</p>
This element has a border color of #45bea2.
<div style="border:1px solid #45bea2;">Content here</div>
.text {color:#45bea2;}
.background {background-color:#45bea2;}
.border {border:1px solid #45bea2;}
Shades and Tints of #45bea2
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, #010303 is the darkest color, while #f3fbf9 is the lightest one.
-
#010303
#010303
rgb(1,3,3)
-
#06110f
#06110f
rgb(6,17,15)
-
#0b201b
#0b201b
rgb(11,32,27)
-
#102f28
#102f28
rgb(16,47,40)
-
#153d34
#153d34
rgb(21,61,52)
-
#1a4c40
#1a4c40
rgb(26,76,64)
-
#205a4d
#205a4d
rgb(32,90,77)
-
#256959
#256959
rgb(37,105,89)
-
#2a7765
#2a7765
rgb(42,119,101)
-
#2f8672
#2f8672
rgb(47,134,114)
-
#34947e
#34947e
rgb(52,148,126)
-
#39a38a
#39a38a
rgb(57,163,138)
-
#3eb197
#3eb197
rgb(62,177,151)
-
#45bea2
#45bea2
rgb(69,190,162)
-
#54c3a9
#54c3a9
rgb(84,195,169)
-
#62c8b1
#62c8b1
rgb(98,200,177)
-
#71cdb8
#71cdb8
rgb(113,205,184)
-
#7fd2bf
#7fd2bf
rgb(127,210,191)
-
#8ed7c6
#8ed7c6
rgb(142,215,198)
-
#9cdcce
#9cdcce
rgb(156,220,206)
-
#abe2d5
#abe2d5
rgb(171,226,213)
-
#b9e7dc
#b9e7dc
rgb(185,231,220)
-
#c8ece3
#c8ece3
rgb(200,236,227)
-
#d6f1eb
#d6f1eb
rgb(214,241,235)
-
#e5f6f2
#e5f6f2
rgb(229,246,242)
-
#f3fbf9
#f3fbf9
rgb(243,251,249)
Tones of #45bea2
A tone is produced by adding gray to any pure hue. In this case, #7f8483 is the less saturated color, while #0bf8c1 is the most saturated one.
-
#7f8483
#7f8483
rgb(127,132,131)
-
#758e88
#758e88
rgb(117,142,136)
-
#6c978d
#6c978d
rgb(108,151,141)
-
#62a192
#62a192
rgb(98,161,146)
-
#58ab98
#58ab98
rgb(88,171,152)
-
#4fb49d
#4fb49d
rgb(79,180,157)
-
#45bea2
#45bea2
rgb(69,190,162)
-
#3bc8a7
#3bc8a7
rgb(59,200,167)
-
#32d1ac
#32d1ac
rgb(50,209,172)
-
#28dbb2
#28dbb2
rgb(40,219,178)
-
#1ee5b7
#1ee5b7
rgb(30,229,183)
-
#15eebc
#15eebc
rgb(21,238,188)
-
#0bf8c1
#0bf8c1
rgb(11,248,193)
Color Blindness Simulator
Below, you can see how #45bea2 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.