#45a2b0 Color Information
In a RGB color space, hex #45a2b0 is composed of 27.1% red, 63.5% green and 69% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 8% magenta, 0% yellow and 31% black. It has a hue angle of 187.9 degrees, a saturation of 43.7% and a lightness of 48%. #45a2b0 color hex could be obtained by blending #8affff with #004561. Closest websafe color is: #339999.
-
- R 27
- G 64
- B 69
-
- C 61
- M 8
- Y 0
- K 31
● #45a2b0 color description : Dark moderate cyan.
#45a2b0 Color Conversion
The hexadecimal color #45a2b0 has RGB values of R:69, G:162, B:176 and CMYK values of C:0.61, M:0.08, Y:0, K:0.31. Its decimal value is 4563632.
Hex triplet | 45a2b0 | #45a2b0 |
---|---|---|
RGB Decimal | 69, 162, 176 | rgb(69,162,176) |
RGB Percent | 27.1, 63.5, 69 | rgb(27.1%,63.5%,69%) |
CMYK | 61, 8, 0, 31 | |
HSL | 187.9°, 43.7, 48 | hsl(187.9,43.7%,48%) |
HSV (or HSB) | 187.9°, 60.8, 69 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 61.86, -23.084, -15.487 |
---|---|
XYZ | 23.209, 30.239, 45.685 |
xyY | 0.234, 0.305, 30.239 |
CIE-LCH | 61.86, 27.798, 213.858 |
CIE-LUV | 61.86, -37.478, -20.094 |
Hunter-Lab | 54.99, -20.894, -10.765 |
Binary | 01000101, 10100010, 10110000 |
Color Schemes with #45a2b0
Alternatives to #45a2b0
Below, you can see some colors close to #45a2b0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45a2b0 Preview
This text has a font color of #45a2b0.
<span style="color:#45a2b0;">Text here</span>
This paragraph has a background color of #45a2b0.
<p style="background-color:#45a2b0;">Content here</p>
This element has a border color of #45a2b0.
<div style="border:1px solid #45a2b0;">Content here</div>
.text {color:#45a2b0;}
.background {background-color:#45a2b0;}
.border {border:1px solid #45a2b0;}
Shades and Tints of #45a2b0
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, #030607 is the darkest color, while #f8fcfc is the lightest one.
-
#030607
#030607
rgb(3,6,7)
-
#081315
#081315
rgb(8,19,21)
-
#0e2023
#0e2023
rgb(14,32,35)
-
#132d31
#132d31
rgb(19,45,49)
-
#193a3f
#193a3f
rgb(25,58,63)
-
#1e474d
#1e474d
rgb(30,71,77)
-
#24545b
#24545b
rgb(36,84,91)
-
#29616a
#29616a
rgb(41,97,106)
-
#2f6e78
#2f6e78
rgb(47,110,120)
-
#347b86
#347b86
rgb(52,123,134)
-
#3a8894
#3a8894
rgb(58,136,148)
-
#3f95a2
#3f95a2
rgb(63,149,162)
-
#45a2b0
#45a2b0
rgb(69,162,176)
-
#4facba
#4facba
rgb(79,172,186)
-
#5db3bf
#5db3bf
rgb(93,179,191)
-
#6bb9c5
#6bb9c5
rgb(107,185,197)
-
#79c0ca
#79c0ca
rgb(121,192,202)
-
#87c6d0
#87c6d0
rgb(135,198,208)
-
#95cdd6
#95cdd6
rgb(149,205,214)
-
#a3d4db
#a3d4db
rgb(163,212,219)
-
#b1dae1
#b1dae1
rgb(177,218,225)
-
#bfe1e6
#bfe1e6
rgb(191,225,230)
-
#cee8ec
#cee8ec
rgb(206,232,236)
-
#dceef1
#dceef1
rgb(220,238,241)
-
#eaf5f7
#eaf5f7
rgb(234,245,247)
-
#f8fcfc
#f8fcfc
rgb(248,252,252)
Tones of #45a2b0
A tone is produced by adding gray to any pure hue. In this case, #747f81 is the less saturated color, while #03d3f2 is the most saturated one.
-
#747f81
#747f81
rgb(116,127,129)
-
#6b868a
#6b868a
rgb(107,134,138)
-
#618d94
#618d94
rgb(97,141,148)
-
#58949d
#58949d
rgb(88,148,157)
-
#4e9ba7
#4e9ba7
rgb(78,155,167)
-
#45a2b0
#45a2b0
rgb(69,162,176)
-
#3ca9b9
#3ca9b9
rgb(60,169,185)
-
#32b0c3
#32b0c3
rgb(50,176,195)
-
#29b7cc
#29b7cc
rgb(41,183,204)
-
#1fbed6
#1fbed6
rgb(31,190,214)
-
#16c5df
#16c5df
rgb(22,197,223)
-
#0ccce9
#0ccce9
rgb(12,204,233)
-
#03d3f2
#03d3f2
rgb(3,211,242)
Color Blindness Simulator
Below, you can see how #45a2b0 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.