#7dd2f6 Color Information
In a RGB color space, hex #7dd2f6 is composed of 49% red, 82.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 14.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 197.9 degrees, a saturation of 87.1% and a lightness of 72.7%. #7dd2f6 color hex could be obtained by blending #faffff with #00a5ed. Closest websafe color is: #66ccff.
-
- R 49
- G 82
- B 96
-
- C 49
- M 15
- Y 0
- K 4
● #7dd2f6 color description : Soft blue.
#7dd2f6 Color Conversion
The hexadecimal color #7dd2f6 has RGB values of R:125, G:210, B:246 and CMYK values of C:0.49, M:0.15, Y:0, K:0.04. Its decimal value is 8246006.
Hex triplet | 7dd2f6 | #7dd2f6 |
---|---|---|
RGB Decimal | 125, 210, 246 | rgb(125,210,246) |
RGB Percent | 49, 82.4, 96.5 | rgb(49%,82.4%,96.5%) |
CMYK | 49, 15, 0, 4 | |
HSL | 197.9°, 87.1, 72.7 | hsl(197.9,87.1%,72.7%) |
HSV (or HSB) | 197.9°, 49.2, 96.5 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 80.238, -16.276, -25.631 |
---|---|
XYZ | 48.134, 57.104, 95.669 |
xyY | 0.24, 0.284, 57.104 |
CIE-LCH | 80.238, 30.362, 237.584 |
CIE-LUV | 80.238, -37.838, -38.672 |
Hunter-Lab | 75.567, -18.543, -22.165 |
Binary | 01111101, 11010010, 11110110 |
Color Schemes with #7dd2f6
Alternatives to #7dd2f6
Below, you can see some colors close to #7dd2f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7dd2f6 Preview
This text has a font color of #7dd2f6.
<span style="color:#7dd2f6;">Text here</span>
This paragraph has a background color of #7dd2f6.
<p style="background-color:#7dd2f6;">Content here</p>
This element has a border color of #7dd2f6.
<div style="border:1px solid #7dd2f6;">Content here</div>
.text {color:#7dd2f6;}
.background {background-color:#7dd2f6;}
.border {border:1px solid #7dd2f6;}
Shades and Tints of #7dd2f6
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, #010c11 is the darkest color, while #fdfeff is the lightest one.
-
#010c11
#010c11
rgb(1,12,17)
-
#021923
#021923
rgb(2,25,35)
-
#042735
#042735
rgb(4,39,53)
-
#053448
#053448
rgb(5,52,72)
-
#06415a
#06415a
rgb(6,65,90)
-
#084e6c
#084e6c
rgb(8,78,108)
-
#095c7f
#095c7f
rgb(9,92,127)
-
#0a6991
#0a6991
rgb(10,105,145)
-
#0b76a4
#0b76a4
rgb(11,118,164)
-
#0d84b6
#0d84b6
rgb(13,132,182)
-
#0e91c8
#0e91c8
rgb(14,145,200)
-
#0f9edb
#0f9edb
rgb(15,158,219)
-
#10abed
#10abed
rgb(16,171,237)
-
#21b2f0
#21b2f0
rgb(33,178,240)
-
#34b9f1
#34b9f1
rgb(52,185,241)
-
#46bff2
#46bff2
rgb(70,191,242)
-
#58c5f3
#58c5f3
rgb(88,197,243)
-
#6bccf5
#6bccf5
rgb(107,204,245)
-
#7dd2f6
#7dd2f6
rgb(125,210,246)
-
#8fd8f7
#8fd8f7
rgb(143,216,247)
-
#a2dff9
#a2dff9
rgb(162,223,249)
-
#b4e5fa
#b4e5fa
rgb(180,229,250)
-
#c6ebfb
#c6ebfb
rgb(198,235,251)
-
#d9f2fc
#d9f2fc
rgb(217,242,252)
-
#ebf8fe
#ebf8fe
rgb(235,248,254)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #7dd2f6
A tone is produced by adding gray to any pure hue. In this case, #b8babb is the less saturated color, while #78d4fb is the most saturated one.
-
#b8babb
#b8babb
rgb(184,186,187)
-
#b2bcc1
#b2bcc1
rgb(178,188,193)
-
#adbfc6
#adbfc6
rgb(173,191,198)
-
#a8c1cb
#a8c1cb
rgb(168,193,203)
-
#a2c3d1
#a2c3d1
rgb(162,195,209)
-
#9dc5d6
#9dc5d6
rgb(157,197,214)
-
#98c7db
#98c7db
rgb(152,199,219)
-
#92c9e1
#92c9e1
rgb(146,201,225)
-
#8dcce6
#8dcce6
rgb(141,204,230)
-
#88ceeb
#88ceeb
rgb(136,206,235)
-
#82d0f1
#82d0f1
rgb(130,208,241)
-
#7dd2f6
#7dd2f6
rgb(125,210,246)
-
#78d4fb
#78d4fb
rgb(120,212,251)
Color Blindness Simulator
Below, you can see how #7dd2f6 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.