#7cbdd2 Color Information
In a RGB color space, hex #7cbdd2 is composed of 48.6% red, 74.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 41% cyan, 10% magenta, 0% yellow and 17.6% black. It has a hue angle of 194.7 degrees, a saturation of 48.9% and a lightness of 65.5%. #7cbdd2 color hex could be obtained by blending #f8ffff with #007ba5. Closest websafe color is: #66cccc.
-
- R 49
- G 74
- B 82
-
- C 41
- M 10
- Y 0
- K 18
● #7cbdd2 color description : Slightly desaturated cyan.
#7cbdd2 Color Conversion
The hexadecimal color #7cbdd2 has RGB values of R:124, G:189, B:210 and CMYK values of C:0.41, M:0.1, Y:0, K:0.18. Its decimal value is 8175058.
Hex triplet | 7cbdd2 | #7cbdd2 |
---|---|---|
RGB Decimal | 124, 189, 210 | rgb(124,189,210) |
RGB Percent | 48.6, 74.1, 82.4 | rgb(48.6%,74.1%,82.4%) |
CMYK | 41, 10, 0, 18 | |
HSL | 194.7°, 48.9, 65.5 | hsl(194.7,48.9%,65.5%) |
HSV (or HSB) | 194.7°, 41, 82.4 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 73.11, -15.3, -17.073 |
---|---|
XYZ | 38.14, 45.331, 67.709 |
xyY | 0.252, 0.3, 45.331 |
CIE-LCH | 73.11, 22.925, 228.135 |
CIE-LUV | 73.11, -30.64, -24.21 |
Hunter-Lab | 67.329, -16.71, -12.495 |
Binary | 01111100, 10111101, 11010010 |
Color Schemes with #7cbdd2
Alternatives to #7cbdd2
Below, you can see some colors close to #7cbdd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7cbdd2 Preview
This text has a font color of #7cbdd2.
<span style="color:#7cbdd2;">Text here</span>
This paragraph has a background color of #7cbdd2.
<p style="background-color:#7cbdd2;">Content here</p>
This element has a border color of #7cbdd2.
<div style="border:1px solid #7cbdd2;">Content here</div>
.text {color:#7cbdd2;}
.background {background-color:#7cbdd2;}
.border {border:1px solid #7cbdd2;}
Shades and Tints of #7cbdd2
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, #000000 is the darkest color, while #f1f8fa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#050d0f
#050d0f
rgb(5,13,15)
-
#0a191e
#0a191e
rgb(10,25,30)
-
#0f252c
#0f252c
rgb(15,37,44)
-
#14313b
#14313b
rgb(20,49,59)
-
#193e49
#193e49
rgb(25,62,73)
-
#1e4a58
#1e4a58
rgb(30,74,88)
-
#235667
#235667
rgb(35,86,103)
-
#286275
#286275
rgb(40,98,117)
-
#2d6f84
#2d6f84
rgb(45,111,132)
-
#327b92
#327b92
rgb(50,123,146)
-
#3787a1
#3787a1
rgb(55,135,161)
-
#3c93b0
#3c93b0
rgb(60,147,176)
-
#42a0be
#42a0be
rgb(66,160,190)
-
#50a7c3
#50a7c3
rgb(80,167,195)
-
#5faec8
#5faec8
rgb(95,174,200)
-
#6db6cd
#6db6cd
rgb(109,182,205)
-
#7cbdd2
#7cbdd2
rgb(124,189,210)
-
#8bc4d7
#8bc4d7
rgb(139,196,215)
-
#99ccdc
#99ccdc
rgb(153,204,220)
-
#a8d3e1
#a8d3e1
rgb(168,211,225)
-
#b6dae6
#b6dae6
rgb(182,218,230)
-
#c5e2eb
#c5e2eb
rgb(197,226,235)
-
#d4e9f0
#d4e9f0
rgb(212,233,240)
-
#e2f0f5
#e2f0f5
rgb(226,240,245)
-
#f1f8fa
#f1f8fa
rgb(241,248,250)
Tones of #7cbdd2
A tone is produced by adding gray to any pure hue. In this case, #a5a8a9 is the less saturated color, while #53d2fb is the most saturated one.
-
#a5a8a9
#a5a8a9
rgb(165,168,169)
-
#9eacb0
#9eacb0
rgb(158,172,176)
-
#97afb7
#97afb7
rgb(151,175,183)
-
#90b3be
#90b3be
rgb(144,179,190)
-
#8ab6c4
#8ab6c4
rgb(138,182,196)
-
#83bacb
#83bacb
rgb(131,186,203)
-
#7cbdd2
#7cbdd2
rgb(124,189,210)
-
#75c0d9
#75c0d9
rgb(117,192,217)
-
#6ec4e0
#6ec4e0
rgb(110,196,224)
-
#68c7e6
#68c7e6
rgb(104,199,230)
-
#61cbed
#61cbed
rgb(97,203,237)
-
#5acef4
#5acef4
rgb(90,206,244)
-
#53d2fb
#53d2fb
rgb(83,210,251)
Color Blindness Simulator
Below, you can see how #7cbdd2 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.