#45bec5 Color Information
In a RGB color space, hex #45bec5 is composed of 27.1% red, 74.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 3.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 183.3 degrees, a saturation of 52.5% and a lightness of 52.2%. #45bec5 color hex could be obtained by blending #8affff with #007d8b. Closest websafe color is: #33cccc.
-
- R 27
- G 75
- B 77
-
- C 65
- M 4
- Y 0
- K 23
● #45bec5 color description : Moderate cyan.
#45bec5 Color Conversion
The hexadecimal color #45bec5 has RGB values of R:69, G:190, B:197 and CMYK values of C:0.65, M:0.04, Y:0, K:0.23. Its decimal value is 4570821.
Hex triplet | 45bec5 | #45bec5 |
---|---|---|
RGB Decimal | 69, 190, 197 | rgb(69,190,197) |
RGB Percent | 27.1, 74.5, 77.3 | rgb(27.1%,74.5%,77.3%) |
CMYK | 65, 4, 0, 23 | |
HSL | 183.3°, 52.5, 52.2 | hsl(183.3,52.5%,52.2%) |
HSV (or HSB) | 183.3°, 65, 77.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 70.954, -30.84, -13.426 |
---|---|
XYZ | 30.943, 42.121, 59.32 |
xyY | 0.234, 0.318, 42.121 |
CIE-LCH | 70.954, 33.636, 203.525 |
CIE-LUV | 70.954, -46.69, -16.073 |
Hunter-Lab | 64.9, -28.472, -8.761 |
Binary | 01000101, 10111110, 11000101 |
Color Schemes with #45bec5
Alternatives to #45bec5
Below, you can see some colors close to #45bec5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45bec5 Preview
This text has a font color of #45bec5.
<span style="color:#45bec5;">Text here</span>
This paragraph has a background color of #45bec5.
<p style="background-color:#45bec5;">Content here</p>
This element has a border color of #45bec5.
<div style="border:1px solid #45bec5;">Content here</div>
.text {color:#45bec5;}
.background {background-color:#45bec5;}
.border {border:1px solid #45bec5;}
Shades and Tints of #45bec5
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, #030808 is the darkest color, while #f8fdfd is the lightest one.
-
#030808
#030808
rgb(3,8,8)
-
#071617
#071617
rgb(7,22,23)
-
#0c2526
#0c2526
rgb(12,37,38)
-
#113335
#113335
rgb(17,51,53)
-
#154244
#154244
rgb(21,66,68)
-
#1a5053
#1a5053
rgb(26,80,83)
-
#1f5e62
#1f5e62
rgb(31,94,98)
-
#236d71
#236d71
rgb(35,109,113)
-
#287b80
#287b80
rgb(40,123,128)
-
#2d8a8f
#2d8a8f
rgb(45,138,143)
-
#31989e
#31989e
rgb(49,152,158)
-
#36a6ad
#36a6ad
rgb(54,166,173)
-
#3bb5bc
#3bb5bc
rgb(59,181,188)
-
#45bec5
#45bec5
rgb(69,190,197)
-
#54c3ca
#54c3ca
rgb(84,195,202)
-
#63c8ce
#63c8ce
rgb(99,200,206)
-
#72ced3
#72ced3
rgb(114,206,211)
-
#81d3d8
#81d3d8
rgb(129,211,216)
-
#90d8dc
#90d8dc
rgb(144,216,220)
-
#9fdde1
#9fdde1
rgb(159,221,225)
-
#aee3e6
#aee3e6
rgb(174,227,230)
-
#bde8ea
#bde8ea
rgb(189,232,234)
-
#ccedef
#ccedef
rgb(204,237,239)
-
#dbf2f4
#dbf2f4
rgb(219,242,244)
-
#e9f7f8
#e9f7f8
rgb(233,247,248)
-
#f8fdfd
#f8fdfd
rgb(248,253,253)
Tones of #45bec5
A tone is produced by adding gray to any pure hue. In this case, #7d8c8d is the less saturated color, while #0df0fd is the most saturated one.
-
#7d8c8d
#7d8c8d
rgb(125,140,141)
-
#749496
#749496
rgb(116,148,150)
-
#6b9d9f
#6b9d9f
rgb(107,157,159)
-
#61a5a9
#61a5a9
rgb(97,165,169)
-
#58adb2
#58adb2
rgb(88,173,178)
-
#4eb6bc
#4eb6bc
rgb(78,182,188)
-
#45bec5
#45bec5
rgb(69,190,197)
-
#3cc6ce
#3cc6ce
rgb(60,198,206)
-
#32cfd8
#32cfd8
rgb(50,207,216)
-
#29d7e1
#29d7e1
rgb(41,215,225)
-
#1fdfeb
#1fdfeb
rgb(31,223,235)
-
#16e8f4
#16e8f4
rgb(22,232,244)
-
#0df0fd
#0df0fd
rgb(13,240,253)
Color Blindness Simulator
Below, you can see how #45bec5 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.