#7dc5f6 Color Information
In a RGB color space, hex #7dc5f6 is composed of 49% red, 77.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 19.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 204.3 degrees, a saturation of 87.1% and a lightness of 72.7%. #7dc5f6 color hex could be obtained by blending #faffff with #008bed. Closest websafe color is: #66ccff.
-
- R 49
- G 77
- B 96
-
- C 49
- M 20
- Y 0
- K 4
● #7dc5f6 color description : Soft blue.
#7dc5f6 Color Conversion
The hexadecimal color #7dc5f6 has RGB values of R:125, G:197, B:246 and CMYK values of C:0.49, M:0.2, Y:0, K:0.04. Its decimal value is 8242678.
Hex triplet | 7dc5f6 | #7dc5f6 |
---|---|---|
RGB Decimal | 125, 197, 246 | rgb(125,197,246) |
RGB Percent | 49, 77.3, 96.5 | rgb(49%,77.3%,96.5%) |
CMYK | 49, 20, 0, 4 | |
HSL | 204.3°, 87.1, 72.7 | hsl(204.3,87.1%,72.7%) |
HSV (or HSB) | 204.3°, 49.2, 96.5 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 76.645, -9.477, -31.138 |
---|---|
XYZ | 45.054, 50.944, 94.643 |
xyY | 0.236, 0.267, 50.944 |
CIE-LCH | 76.645, 32.548, 253.072 |
CIE-LUV | 76.645, -32.859, -48.731 |
Hunter-Lab | 71.375, -12.231, -28.656 |
Binary | 01111101, 11000101, 11110110 |
Color Schemes with #7dc5f6
Alternatives to #7dc5f6
Below, you can see some colors close to #7dc5f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7dc5f6 Preview
This text has a font color of #7dc5f6.
<span style="color:#7dc5f6;">Text here</span>
This paragraph has a background color of #7dc5f6.
<p style="background-color:#7dc5f6;">Content here</p>
This element has a border color of #7dc5f6.
<div style="border:1px solid #7dc5f6;">Content here</div>
.text {color:#7dc5f6;}
.background {background-color:#7dc5f6;}
.border {border:1px solid #7dc5f6;}
Shades and Tints of #7dc5f6
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, #010a11 is the darkest color, while #fdfeff is the lightest one.
-
#010a11
#010a11
rgb(1,10,17)
-
#021623
#021623
rgb(2,22,35)
-
#042135
#042135
rgb(4,33,53)
-
#052d48
#052d48
rgb(5,45,72)
-
#06385a
#06385a
rgb(6,56,90)
-
#08446c
#08446c
rgb(8,68,108)
-
#094f7f
#094f7f
rgb(9,79,127)
-
#0a5a91
#0a5a91
rgb(10,90,145)
-
#0b66a4
#0b66a4
rgb(11,102,164)
-
#0d71b6
#0d71b6
rgb(13,113,182)
-
#0e7dc8
#0e7dc8
rgb(14,125,200)
-
#0f88db
#0f88db
rgb(15,136,219)
-
#1094ed
#1094ed
rgb(16,148,237)
-
#219cf0
#219cf0
rgb(33,156,240)
-
#34a4f1
#34a4f1
rgb(52,164,241)
-
#46acf2
#46acf2
rgb(70,172,242)
-
#58b5f3
#58b5f3
rgb(88,181,243)
-
#6bbdf5
#6bbdf5
rgb(107,189,245)
-
#7dc5f6
#7dc5f6
rgb(125,197,246)
-
#8fcdf7
#8fcdf7
rgb(143,205,247)
-
#a2d5f9
#a2d5f9
rgb(162,213,249)
-
#b4defa
#b4defa
rgb(180,222,250)
-
#c6e6fb
#c6e6fb
rgb(198,230,251)
-
#d9eefc
#d9eefc
rgb(217,238,252)
-
#ebf6fe
#ebf6fe
rgb(235,246,254)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #7dc5f6
A tone is produced by adding gray to any pure hue. In this case, #b8babb is the less saturated color, while #78c6fb is the most saturated one.
-
#b8babb
#b8babb
rgb(184,186,187)
-
#b2bbc1
#b2bbc1
rgb(178,187,193)
-
#adbcc6
#adbcc6
rgb(173,188,198)
-
#a8bdcb
#a8bdcb
rgb(168,189,203)
-
#a2bed1
#a2bed1
rgb(162,190,209)
-
#9dbfd6
#9dbfd6
rgb(157,191,214)
-
#98c0db
#98c0db
rgb(152,192,219)
-
#92c1e1
#92c1e1
rgb(146,193,225)
-
#8dc2e6
#8dc2e6
rgb(141,194,230)
-
#88c3eb
#88c3eb
rgb(136,195,235)
-
#82c4f1
#82c4f1
rgb(130,196,241)
-
#7dc5f6
#7dc5f6
rgb(125,197,246)
-
#78c6fb
#78c6fb
rgb(120,198,251)
Color Blindness Simulator
Below, you can see how #7dc5f6 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.