#7cbad5 Color Information
In a RGB color space, hex #7cbad5 is composed of 48.6% red, 72.9% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 41.8% cyan, 12.7% magenta, 0% yellow and 16.5% black. It has a hue angle of 198.2 degrees, a saturation of 51.4% and a lightness of 66.1%. #7cbad5 color hex could be obtained by blending #f8ffff with #0075ab. Closest websafe color is: #66cccc.
-
- R 49
- G 73
- B 84
-
- C 42
- M 13
- Y 0
- K 16
● #7cbad5 color description : Slightly desaturated blue.
#7cbad5 Color Conversion
The hexadecimal color #7cbad5 has RGB values of R:124, G:186, B:213 and CMYK values of C:0.42, M:0.13, Y:0, K:0.16. Its decimal value is 8174293.
Hex triplet | 7cbad5 | #7cbad5 |
---|---|---|
RGB Decimal | 124, 186, 213 | rgb(124,186,213) |
RGB Percent | 48.6, 72.9, 83.5 | rgb(48.6%,72.9%,83.5%) |
CMYK | 42, 13, 0, 16 | |
HSL | 198.2°, 51.4, 66.1 | hsl(198.2,51.4%,66.1%) |
HSV (or HSB) | 198.2°, 41.8, 83.5 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 72.365, -12.936, -19.834 |
---|---|
XYZ | 37.878, 44.205, 69.484 |
xyY | 0.25, 0.292, 44.205 |
CIE-LCH | 72.365, 23.68, 236.887 |
CIE-LUV | 72.365, -29.382, -29.029 |
Hunter-Lab | 66.487, -14.659, -15.421 |
Binary | 01111100, 10111010, 11010101 |
Color Schemes with #7cbad5
Alternatives to #7cbad5
Below, you can see some colors close to #7cbad5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7cbad5 Preview
This text has a font color of #7cbad5.
<span style="color:#7cbad5;">Text here</span>
This paragraph has a background color of #7cbad5.
<p style="background-color:#7cbad5;">Content here</p>
This element has a border color of #7cbad5.
<div style="border:1px solid #7cbad5;">Content here</div>
.text {color:#7cbad5;}
.background {background-color:#7cbad5;}
.border {border:1px solid #7cbad5;}
Shades and Tints of #7cbad5
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, #010203 is the darkest color, while #f3f9fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#060e12
#060e12
rgb(6,14,18)
-
#0a1a20
#0a1a20
rgb(10,26,32)
-
#0f262f
#0f262f
rgb(15,38,47)
-
#14313e
#14313e
rgb(20,49,62)
-
#193d4d
#193d4d
rgb(25,61,77)
-
#1d495c
#1d495c
rgb(29,73,92)
-
#22556b
#22556b
rgb(34,85,107)
-
#27607a
#27607a
rgb(39,96,122)
-
#2c6c88
#2c6c88
rgb(44,108,136)
-
#307897
#307897
rgb(48,120,151)
-
#3584a6
#3584a6
rgb(53,132,166)
-
#3a90b5
#3a90b5
rgb(58,144,181)
-
#419bc2
#419bc2
rgb(65,155,194)
-
#4fa3c7
#4fa3c7
rgb(79,163,199)
-
#5eaacb
#5eaacb
rgb(94,170,203)
-
#6db2d0
#6db2d0
rgb(109,178,208)
-
#7cbad5
#7cbad5
rgb(124,186,213)
-
#8bc2da
#8bc2da
rgb(139,194,218)
-
#9acadf
#9acadf
rgb(154,202,223)
-
#a9d1e3
#a9d1e3
rgb(169,209,227)
-
#b7d9e8
#b7d9e8
rgb(183,217,232)
-
#c6e1ed
#c6e1ed
rgb(198,225,237)
-
#d5e9f2
#d5e9f2
rgb(213,233,242)
-
#e4f1f6
#e4f1f6
rgb(228,241,246)
-
#f3f9fb
#f3f9fb
rgb(243,249,251)
Tones of #7cbad5
A tone is produced by adding gray to any pure hue. In this case, #a4aaad is the less saturated color, while #54cafd is the most saturated one.
-
#a4aaad
#a4aaad
rgb(164,170,173)
-
#9dadb4
#9dadb4
rgb(157,173,180)
-
#97b0ba
#97b0ba
rgb(151,176,186)
-
#90b2c1
#90b2c1
rgb(144,178,193)
-
#89b5c8
#89b5c8
rgb(137,181,200)
-
#83b7ce
#83b7ce
rgb(131,183,206)
-
#7cbad5
#7cbad5
rgb(124,186,213)
-
#75bddc
#75bddc
rgb(117,189,220)
-
#6fbfe2
#6fbfe2
rgb(111,191,226)
-
#68c2e9
#68c2e9
rgb(104,194,233)
-
#61c4f0
#61c4f0
rgb(97,196,240)
-
#5bc7f6
#5bc7f6
rgb(91,199,246)
-
#54cafd
#54cafd
rgb(84,202,253)
Color Blindness Simulator
Below, you can see how #7cbad5 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.