#7cbad6 Color Information
In a RGB color space, hex #7cbad6 is composed of 48.6% red, 72.9% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 42.1% cyan, 13.1% magenta, 0% yellow and 16.1% black. It has a hue angle of 198.7 degrees, a saturation of 52.3% and a lightness of 66.3%. #7cbad6 color hex could be obtained by blending #f8ffff with #0075ad. Closest websafe color is: #66cccc.
-
- R 49
- G 73
- B 84
-
- C 42
- M 13
- Y 0
- K 16
● #7cbad6 color description : Slightly desaturated blue.
#7cbad6 Color Conversion
The hexadecimal color #7cbad6 has RGB values of R:124, G:186, B:214 and CMYK values of C:0.42, M:0.13, Y:0, K:0.16. Its decimal value is 8174294.
Hex triplet | 7cbad6 | #7cbad6 |
---|---|---|
RGB Decimal | 124, 186, 214 | rgb(124,186,214) |
RGB Percent | 48.6, 72.9, 83.9 | rgb(48.6%,72.9%,83.9%) |
CMYK | 42, 13, 0, 16 | |
HSL | 198.7°, 52.3, 66.3 | hsl(198.7,52.3%,66.3%) |
HSV (or HSB) | 198.7°, 42.1, 83.9 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 72.399, -12.671, -20.328 |
---|---|
XYZ | 38.006, 44.256, 70.154 |
xyY | 0.249, 0.29, 44.256 |
CIE-LCH | 72.399, 23.954, 238.065 |
CIE-LUV | 72.399, -29.369, -29.88 |
Hunter-Lab | 66.525, -14.442, -15.957 |
Binary | 01111100, 10111010, 11010110 |
Color Schemes with #7cbad6
Alternatives to #7cbad6
Below, you can see some colors close to #7cbad6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7cbad6 Preview
This text has a font color of #7cbad6.
<span style="color:#7cbad6;">Text here</span>
This paragraph has a background color of #7cbad6.
<p style="background-color:#7cbad6;">Content here</p>
This element has a border color of #7cbad6.
<div style="border:1px solid #7cbad6;">Content here</div>
.text {color:#7cbad6;}
.background {background-color:#7cbad6;}
.border {border:1px solid #7cbad6;}
Shades and Tints of #7cbad6
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, #010303 is the darkest color, while #f4f9fb is the lightest one.
-
#010303
#010303
rgb(1,3,3)
-
#060e12
#060e12
rgb(6,14,18)
-
#0a1a21
#0a1a21
rgb(10,26,33)
-
#0f2630
#0f2630
rgb(15,38,48)
-
#14323f
#14323f
rgb(20,50,63)
-
#183d4e
#183d4e
rgb(24,61,78)
-
#1d495d
#1d495d
rgb(29,73,93)
-
#22556c
#22556c
rgb(34,85,108)
-
#26617b
#26617b
rgb(38,97,123)
-
#2b6c8a
#2b6c8a
rgb(43,108,138)
-
#307899
#307899
rgb(48,120,153)
-
#3584a8
#3584a8
rgb(53,132,168)
-
#3990b7
#3990b7
rgb(57,144,183)
-
#409bc3
#409bc3
rgb(64,155,195)
-
#4fa2c8
#4fa2c8
rgb(79,162,200)
-
#5eaacd
#5eaacd
rgb(94,170,205)
-
#6db2d1
#6db2d1
rgb(109,178,209)
-
#7cbad6
#7cbad6
rgb(124,186,214)
-
#8bc2db
#8bc2db
rgb(139,194,219)
-
#9acadf
#9acadf
rgb(154,202,223)
-
#a9d2e4
#a9d2e4
rgb(169,210,228)
-
#b8d9e9
#b8d9e9
rgb(184,217,233)
-
#c7e1ed
#c7e1ed
rgb(199,225,237)
-
#d6e9f2
#d6e9f2
rgb(214,233,242)
-
#e5f1f7
#e5f1f7
rgb(229,241,247)
-
#f4f9fb
#f4f9fb
rgb(244,249,251)
Tones of #7cbad6
A tone is produced by adding gray to any pure hue. In this case, #a4abae is the less saturated color, while #54c9fe is the most saturated one.
-
#a4abae
#a4abae
rgb(164,171,174)
-
#9daeb5
#9daeb5
rgb(157,174,181)
-
#96b0bc
#96b0bc
rgb(150,176,188)
-
#90b3c2
#90b3c2
rgb(144,179,194)
-
#89b5c9
#89b5c9
rgb(137,181,201)
-
#83b8cf
#83b8cf
rgb(131,184,207)
-
#7cbad6
#7cbad6
rgb(124,186,214)
-
#75bcdd
#75bcdd
rgb(117,188,221)
-
#6fbfe3
#6fbfe3
rgb(111,191,227)
-
#68c1ea
#68c1ea
rgb(104,193,234)
-
#62c4f0
#62c4f0
rgb(98,196,240)
-
#5bc6f7
#5bc6f7
rgb(91,198,247)
-
#54c9fe
#54c9fe
rgb(84,201,254)
Color Blindness Simulator
Below, you can see how #7cbad6 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.