#7dc7e3 hex color

In a RGB color space, hex #7dc7e3 is composed of 49% red, 78% green and 89% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 12.3% magenta, 0% yellow and 11% black. It has a hue angle of 196.5 degrees, a saturation of 64.6% and a lightness of 69%. #7dc7e3 color hex could be obtained by blending #faffff with #008fc7. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 78
- B 89
RGB color chart
- C 45
- M 12
- Y 0
- K 11
CMYK color chart

● #7dc7e3 color description : Very soft blue.

The hexadecimal color #7dc7e3 has RGB values of R:125, G:199, B:227 and CMYK values of C:0.45, M:0.12, Y:0, K:0.11. Its decimal value is 8243171.

Hex triplet	7dc7e3	`#7dc7e3`
RGB Decimal	125, 199, 227	`rgb(125,199,227)`
RGB Percent	49, 78, 89	`rgb(49%,78%,89%)`
CMYK	45, 12, 0, 11
HSL	196.5°, 64.6, 69	`hsl(196.5,64.6%,69%)`
HSV (or HSB)	196.5°, 44.9, 89
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.528, -15.757, -21.1
XYZ	42.743, 50.751, 80.212
xyY	0.246, 0.292, 50.751
CIE-LCH	76.528, 26.334, 233.249
CIE-LUV	76.528, -34, -30.939
Hunter-Lab	71.239, -17.572, -16.89
Binary	01111101, 11000111, 11100011

#7dc7e3
```
#7dc7e3 rgb(125,199,227)
```
#e3997d
```
#e3997d rgb(227,153,125)
```

Complementary Color

#7de3cc
```
#7de3cc rgb(125,227,204)
```
#7dc7e3
```
#7dc7e3 rgb(125,199,227)
```
#7d94e3
```
#7d94e3 rgb(125,148,227)
```

Analogous Color

#e3cc7d
```
#e3cc7d rgb(227,204,125)
```
#7dc7e3
```
#7dc7e3 rgb(125,199,227)
```
#e37d94
```
#e37d94 rgb(227,125,148)
```

Split Complementary Color

#c7e37d
```
#c7e37d rgb(199,227,125)
```
#7dc7e3
```
#7dc7e3 rgb(125,199,227)
```
#e37dc7
```
#e37dc7 rgb(227,125,199)
```

Triadic Color

#7de399
```
#7de399 rgb(125,227,153)
```
#7dc7e3
```
#7dc7e3 rgb(125,199,227)
```
#e37dc7
```
#e37dc7 rgb(227,125,199)
```
#e3997d
```
#e3997d rgb(227,153,125)
```

Tetradic Color

#3eacd5
```
#3eacd5 rgb(62,172,213)
```
#53b5da
```
#53b5da rgb(83,181,218)
```
#68bede
```
#68bede rgb(104,190,222)
```
#7dc7e3
```
#7dc7e3 rgb(125,199,227)
```
#92d0e8
```
#92d0e8 rgb(146,208,232)
```
#a7d9ec
```
#a7d9ec rgb(167,217,236)
```
#bce2f1
```
#bce2f1 rgb(188,226,241)
```

Monochromatic Color

Below, you can see some colors close to #7dc7e3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#7de1e3
```
#7de1e3 rgb(125,225,227)
```
#7dd8e3
```
#7dd8e3 rgb(125,216,227)
```
#7dd0e3
```
#7dd0e3 rgb(125,208,227)
```
#7dc7e3
```
#7dc7e3 rgb(125,199,227)
```
#7dbfe3
```
#7dbfe3 rgb(125,191,227)
```
#7db6e3
```
#7db6e3 rgb(125,182,227)
```
#7daee3
```
#7daee3 rgb(125,174,227)
```

Similar Colors

Text with hexadecimal color #7dc7e3

This text has a font color of #7dc7e3.

<span style="color:#7dc7e3;">Text here</span>

#7dc7e3 background color

This paragraph has a background color of #7dc7e3.

<p style="background-color:#7dc7e3;">Content here</p>

#7dc7e3 border color

This element has a border color of #7dc7e3.

<div style="border:1px solid #7dc7e3;">Content here</div>

CSS codes

.text {color:#7dc7e3;}

.background {background-color:#7dc7e3;}

.border {border:1px solid #7dc7e3;}

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, #030c0f is the darkest color, while #feffff is the lightest one.

#030c0f
```
#030c0f rgb(3,12,15)
```
#07191f
```
#07191f rgb(7,25,31)
```
#0a2530
```
#0a2530 rgb(10,37,48)
```
#0e3240
```
#0e3240 rgb(14,50,64)
```
#113f50
```
#113f50 rgb(17,63,80)
```
#154b60
```
#154b60 rgb(21,75,96)
```
#185870
```
#185870 rgb(24,88,112)
```
#1c6580
```
#1c6580 rgb(28,101,128)
```
#1f7190
```
#1f7190 rgb(31,113,144)
```
#237ea1
```
#237ea1 rgb(35,126,161)
```
#268bb1
```
#268bb1 rgb(38,139,177)
```
#2a97c1
```
#2a97c1 rgb(42,151,193)
```
#2da4d1
```
#2da4d1 rgb(45,164,209)
```

Shade Color Variation

#3cabd5
```
#3cabd5 rgb(60,171,213)
```
#4db2d9
```
#4db2d9 rgb(77,178,217)
```
#5db9dc
```
#5db9dc rgb(93,185,220)
```
#6dc0e0
```
#6dc0e0 rgb(109,192,224)
```
#7dc7e3
```
#7dc7e3 rgb(125,199,227)
```
#8dcee6
```
#8dcee6 rgb(141,206,230)
```
#9dd5ea
```
#9dd5ea rgb(157,213,234)
```
#addced
```
#addced rgb(173,220,237)
```
#bee3f1
```
#bee3f1 rgb(190,227,241)
```
#ceeaf4
```
#ceeaf4 rgb(206,234,244)
```
#def1f8
```
#def1f8 rgb(222,241,248)
```
#eef8fb
```
#eef8fb rgb(238,248,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #aeb1b2 is the less saturated color, while #65d2fb is the most saturated one.

#aeb1b2
```
#aeb1b2 rgb(174,177,178)
```
#a8b4b8
```
#a8b4b8 rgb(168,180,184)
```
#a1b7bf
```
#a1b7bf rgb(161,183,191)
```
#9bb9c5
```
#9bb9c5 rgb(155,185,197)
```
#95bccb
```
#95bccb rgb(149,188,203)
```
#8fbfd1
```
#8fbfd1 rgb(143,191,209)
```
#89c2d7
```
#89c2d7 rgb(137,194,215)
```
#83c4dd
```
#83c4dd rgb(131,196,221)
```
#7dc7e3
```
#7dc7e3 rgb(125,199,227)
```
#77cae9
```
#77cae9 rgb(119,202,233)
```
#71ccef
```
#71ccef rgb(113,204,239)
```
#6bcff5
```
#6bcff5 rgb(107,207,245)
```
#65d2fb
```
#65d2fb rgb(101,210,251)
```

Tone Color Variation

Below, you can see how #7dc7e3 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.

Monochromacy

#b4b4b4 Achromatopsia 0.005% of the population
#a9b8bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9bedd Protanopia 1% of men
#bbbce9 Deuteranopia 1% of men
#80cbda Tritanopia 0.001% of the population

Trichromacy

#a3c1df Protanomaly 1% of men, 0.01% of women
#a5c0e7 Deuteranomaly 6% of men, 0.4% of women
#7ec9dd Tritanomaly 0.01% of the population

#7dc7e3 hex color

#7dc7e3 Color Information

#7dc7e3 Color Conversion

Color Schemes with #7dc7e3

Alternatives to #7dc7e3

#7dc7e3 Preview

Shades and Tints of #7dc7e3

Tones of #7dc7e3

Color Blindness Simulator