#45a0b2 Color Information
In a RGB color space, hex #45a0b2 is composed of 27.1% red, 62.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 10.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 189.9 degrees, a saturation of 44.1% and a lightness of 48.4%. #45a0b2 color hex could be obtained by blending #8affff with #004165. Closest websafe color is: #339999.
-
- R 27
- G 63
- B 70
-
- C 61
- M 10
- Y 0
- K 30
● #45a0b2 color description : Dark moderate cyan.
#45a0b2 Color Conversion
The hexadecimal color #45a0b2 has RGB values of R:69, G:160, B:178 and CMYK values of C:0.61, M:0.1, Y:0, K:0.3. Its decimal value is 4563122.
Hex triplet | 45a0b2 | #45a0b2 |
---|---|---|
RGB Decimal | 69, 160, 178 | rgb(69,160,178) |
RGB Percent | 27.1, 62.7, 69.8 | rgb(27.1%,62.7%,69.8%) |
CMYK | 61, 10, 0, 30 | |
HSL | 189.9°, 44.1, 48.4 | hsl(189.9,44.1%,48.4%) |
HSV (or HSB) | 189.9°, 61.2, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 61.324, -21.452, -17.423 |
---|---|
XYZ | 23.059, 29.619, 46.619 |
xyY | 0.232, 0.298, 29.619 |
CIE-LCH | 61.324, 27.636, 219.083 |
CIE-LUV | 61.324, -36.624, -23.373 |
Hunter-Lab | 54.424, -19.613, -12.691 |
Binary | 01000101, 10100000, 10110010 |
Color Schemes with #45a0b2
Alternatives to #45a0b2
Below, you can see some colors close to #45a0b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45a0b2 Preview
This text has a font color of #45a0b2.
<span style="color:#45a0b2;">Text here</span>
This paragraph has a background color of #45a0b2.
<p style="background-color:#45a0b2;">Content here</p>
This element has a border color of #45a0b2.
<div style="border:1px solid #45a0b2;">Content here</div>
.text {color:#45a0b2;}
.background {background-color:#45a0b2;}
.border {border:1px solid #45a0b2;}
Shades and Tints of #45a0b2
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 #f9fcfd is the lightest one.
-
#030808
#030808
rgb(3,8,8)
-
#091417
#091417
rgb(9,20,23)
-
#0e2125
#0e2125
rgb(14,33,37)
-
#142e33
#142e33
rgb(20,46,51)
-
#193a41
#193a41
rgb(25,58,65)
-
#1f474f
#1f474f
rgb(31,71,79)
-
#24545d
#24545d
rgb(36,84,93)
-
#2a606b
#2a606b
rgb(42,96,107)
-
#2f6d79
#2f6d79
rgb(47,109,121)
-
#357a88
#357a88
rgb(53,122,136)
-
#3a8796
#3a8796
rgb(58,135,150)
-
#4093a4
#4093a4
rgb(64,147,164)
-
#45a0b2
#45a0b2
rgb(69,160,178)
-
#50a9bb
#50a9bb
rgb(80,169,187)
-
#5eb0c0
#5eb0c0
rgb(94,176,192)
-
#6cb7c6
#6cb7c6
rgb(108,183,198)
-
#7abecb
#7abecb
rgb(122,190,203)
-
#88c5d1
#88c5d1
rgb(136,197,209)
-
#96ccd6
#96ccd6
rgb(150,204,214)
-
#a4d3dc
#a4d3dc
rgb(164,211,220)
-
#b3dae1
#b3dae1
rgb(179,218,225)
-
#c1e1e7
#c1e1e7
rgb(193,225,231)
-
#cfe7ec
#cfe7ec
rgb(207,231,236)
-
#ddeef2
#ddeef2
rgb(221,238,242)
-
#ebf5f7
#ebf5f7
rgb(235,245,247)
-
#f9fcfd
#f9fcfd
rgb(249,252,253)
Tones of #45a0b2
A tone is produced by adding gray to any pure hue. In this case, #758083 is the less saturated color, while #02cdf5 is the most saturated one.
-
#758083
#758083
rgb(117,128,131)
-
#6b878c
#6b878c
rgb(107,135,140)
-
#628d96
#628d96
rgb(98,141,150)
-
#58939f
#58939f
rgb(88,147,159)
-
#4f9aa9
#4f9aa9
rgb(79,154,169)
-
#45a0b2
#45a0b2
rgb(69,160,178)
-
#3ca6bc
#3ca6bc
rgb(60,166,188)
-
#32adc5
#32adc5
rgb(50,173,197)
-
#29b3cf
#29b3cf
rgb(41,179,207)
-
#1fb9d8
#1fb9d8
rgb(31,185,216)
-
#16c0e2
#16c0e2
rgb(22,192,226)
-
#0cc6eb
#0cc6eb
rgb(12,198,235)
-
#02cdf5
#02cdf5
rgb(2,205,245)
Color Blindness Simulator
Below, you can see how #45a0b2 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.