#45ccbb Color Information
In a RGB color space, hex #45ccbb is composed of 27.1% red, 80% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 0% magenta, 8.3% yellow and 20% black. It has a hue angle of 172.4 degrees, a saturation of 57% and a lightness of 53.5%. #45ccbb color hex could be obtained by blending #8affff with #009977. Closest websafe color is: #33cccc.
-
- R 27
- G 80
- B 73
-
- C 66
- M 0
- Y 8
- K 20
● #45ccbb color description : Moderate cyan.
#45ccbb Color Conversion
The hexadecimal color #45ccbb has RGB values of R:69, G:204, B:187 and CMYK values of C:0.66, M:0, Y:0.08, K:0.2. Its decimal value is 4574395.
Hex triplet | 45ccbb | #45ccbb |
---|---|---|
RGB Decimal | 69, 204, 187 | rgb(69,204,187) |
RGB Percent | 27.1, 80, 73.3 | rgb(27.1%,80%,73.3%) |
CMYK | 66, 0, 8, 20 | |
HSL | 172.4°, 57, 53.5 | hsl(172.4,57%,53.5%) |
HSV (or HSB) | 172.4°, 66.2, 80 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 74.848, -40.114, -2.205 |
---|---|
XYZ | 33.014, 48.036, 54.543 |
xyY | 0.243, 0.354, 48.036 |
CIE-LCH | 74.848, 40.174, 183.146 |
CIE-LUV | 74.848, -52.407, 2.943 |
Hunter-Lab | 69.308, -36.263, 1.856 |
Binary | 01000101, 11001100, 10111011 |
Color Schemes with #45ccbb
Alternatives to #45ccbb
Below, you can see some colors close to #45ccbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45ccbb Preview
This text has a font color of #45ccbb.
<span style="color:#45ccbb;">Text here</span>
This paragraph has a background color of #45ccbb.
<p style="background-color:#45ccbb;">Content here</p>
This element has a border color of #45ccbb.
<div style="border:1px solid #45ccbb;">Content here</div>
.text {color:#45ccbb;}
.background {background-color:#45ccbb;}
.border {border:1px solid #45ccbb;}
Shades and Tints of #45ccbb
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, #040e0d is the darkest color, while #feffff is the lightest one.
-
#040e0d
#040e0d
rgb(4,14,13)
-
#081e1b
#081e1b
rgb(8,30,27)
-
#0c2d29
#0c2d29
rgb(12,45,41)
-
#113c37
#113c37
rgb(17,60,55)
-
#154c45
#154c45
rgb(21,76,69)
-
#195b53
#195b53
rgb(25,91,83)
-
#1d6a61
#1d6a61
rgb(29,106,97)
-
#217a6f
#217a6f
rgb(33,122,111)
-
#26897d
#26897d
rgb(38,137,125)
-
#2a998b
#2a998b
rgb(42,153,139)
-
#2ea899
#2ea899
rgb(46,168,153)
-
#32b7a7
#32b7a7
rgb(50,183,167)
-
#37c7b5
#37c7b5
rgb(55,199,181)
-
#45ccbb
#45ccbb
rgb(69,204,187)
-
#54d0c1
#54d0c1
rgb(84,208,193)
-
#64d4c6
#64d4c6
rgb(100,212,198)
-
#73d9cc
#73d9cc
rgb(115,217,204)
-
#83ddd2
#83ddd2
rgb(131,221,210)
-
#92e1d7
#92e1d7
rgb(146,225,215)
-
#a1e5dd
#a1e5dd
rgb(161,229,221)
-
#b1eae2
#b1eae2
rgb(177,234,226)
-
#c0eee8
#c0eee8
rgb(192,238,232)
-
#d0f2ee
#d0f2ee
rgb(208,242,238)
-
#dff6f3
#dff6f3
rgb(223,246,243)
-
#eefaf9
#eefaf9
rgb(238,250,249)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #45ccbb
A tone is produced by adding gray to any pure hue. In this case, #858c8b is the less saturated color, while #17fadd is the most saturated one.
-
#858c8b
#858c8b
rgb(133,140,139)
-
#7c9592
#7c9592
rgb(124,149,146)
-
#739e99
#739e99
rgb(115,158,153)
-
#69a8a0
#69a8a0
rgb(105,168,160)
-
#60b1a7
#60b1a7
rgb(96,177,167)
-
#57baad
#57baad
rgb(87,186,173)
-
#4ec3b4
#4ec3b4
rgb(78,195,180)
-
#45ccbb
#45ccbb
rgb(69,204,187)
-
#3cd5c2
#3cd5c2
rgb(60,213,194)
-
#33dec9
#33dec9
rgb(51,222,201)
-
#2ae7cf
#2ae7cf
rgb(42,231,207)
-
#21f0d6
#21f0d6
rgb(33,240,214)
-
#17fadd
#17fadd
rgb(23,250,221)
Color Blindness Simulator
Below, you can see how #45ccbb 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.