#7dcff1 hex color

In a RGB color space, hex #7dcff1 is composed of 49% red, 81.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 14.1% magenta, 0% yellow and 5.5% black. It has a hue angle of 197.6 degrees, a saturation of 80.6% and a lightness of 71.8%. #7dcff1 color hex could be obtained by blending #faffff with #009fe3. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 81
- B 95
RGB color chart
- C 48
- M 14
- Y 0
- K 5
CMYK color chart

● #7dcff1 color description : Soft blue.

The hexadecimal color #7dcff1 has RGB values of R:125, G:207, B:241 and CMYK values of C:0.48, M:0.14, Y:0, K:0.05. Its decimal value is 8245233.

Hex triplet	7dcff1	`#7dcff1`
RGB Decimal	125, 207, 241	`rgb(125,207,241)`
RGB Percent	49, 81.2, 94.5	`rgb(49%,81.2%,94.5%)`
CMYK	48, 14, 0, 5
HSL	197.6°, 80.6, 71.8	`hsl(197.6,80.6%,71.8%)`
HSV (or HSB)	197.6°, 48.1, 94.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.233, -16.102, -24.496
XYZ	46.643, 55.334, 91.437
xyY	0.241, 0.286, 55.334
CIE-LCH	79.233, 29.314, 236.681
CIE-LUV	79.233, -36.81, -36.721
Hunter-Lab	74.387, -18.25, -20.809
Binary	01111101, 11001111, 11110001

#7dcff1
```
#7dcff1 rgb(125,207,241)
```
#f19f7d
```
#f19f7d rgb(241,159,125)
```

Complementary Color

#7df1d9
```
#7df1d9 rgb(125,241,217)
```
#7dcff1
```
#7dcff1 rgb(125,207,241)
```
#7d95f1
```
#7d95f1 rgb(125,149,241)
```

Analogous Color

#f1d97d
```
#f1d97d rgb(241,217,125)
```
#7dcff1
```
#7dcff1 rgb(125,207,241)
```
#f17d95
```
#f17d95 rgb(241,125,149)
```

Split Complementary Color

#cff17d
```
#cff17d rgb(207,241,125)
```
#7dcff1
```
#7dcff1 rgb(125,207,241)
```
#f17dcf
```
#f17dcf rgb(241,125,207)
```

Triadic Color

#7df19f
```
#7df19f rgb(125,241,159)
```
#7dcff1
```
#7dcff1 rgb(125,207,241)
```
#f17dcf
```
#f17dcf rgb(241,125,207)
```
#f19f7d
```
#f19f7d rgb(241,159,125)
```

Tetradic Color

#38b6ea
```
#38b6ea rgb(56,182,234)
```
#4fbeec
```
#4fbeec rgb(79,190,236)
```
#66c7ef
```
#66c7ef rgb(102,199,239)
```
#7dcff1
```
#7dcff1 rgb(125,207,241)
```
#94d8f3
```
#94d8f3 rgb(148,216,243)
```
#abe0f6
```
#abe0f6 rgb(171,224,246)
```
#c2e9f8
```
#c2e9f8 rgb(194,233,248)
```

Monochromatic Color

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

#7decf1
```
#7decf1 rgb(125,236,241)
```
#7de2f1
```
#7de2f1 rgb(125,226,241)
```
#7dd9f1
```
#7dd9f1 rgb(125,217,241)
```
#7dcff1
```
#7dcff1 rgb(125,207,241)
```
#7dc5f1
```
#7dc5f1 rgb(125,197,241)
```
#7dbcf1
```
#7dbcf1 rgb(125,188,241)
```
#7db2f1
```
#7db2f1 rgb(125,178,241)
```

Similar Colors

Text with hexadecimal color #7dcff1

This text has a font color of #7dcff1.

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

#7dcff1 background color

This paragraph has a background color of #7dcff1.

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

#7dcff1 border color

This element has a border color of #7dcff1.

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

CSS codes

.text {color:#7dcff1;}

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

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

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, #01090c is the darkest color, while #f9fdfe is the lightest one.

#01090c
```
#01090c rgb(1,9,12)
```
#03161d
```
#03161d rgb(3,22,29)
```
#05232f
```
#05232f rgb(5,35,47)
```
#073041
```
#073041 rgb(7,48,65)
```
#093d53
```
#093d53 rgb(9,61,83)
```
#0b4a64
```
#0b4a64 rgb(11,74,100)
```
#0d5776
```
#0d5776 rgb(13,87,118)
```
#0f6488
```
#0f6488 rgb(15,100,136)
```
#117199
```
#117199 rgb(17,113,153)
```
#127eab
```
#127eab rgb(18,126,171)
```
#148bbd
```
#148bbd rgb(20,139,189)
```
#1698ce
```
#1698ce rgb(22,152,206)
```
#18a6e0
```
#18a6e0 rgb(24,166,224)
```

Shade Color Variation

#24aee7
```
#24aee7 rgb(36,174,231)
```
#36b5e9
```
#36b5e9 rgb(54,181,233)
```
#48bbeb
```
#48bbeb rgb(72,187,235)
```
#5ac2ed
```
#5ac2ed rgb(90,194,237)
```
#6bc8ef
```
#6bc8ef rgb(107,200,239)
```
#7dcff1
```
#7dcff1 rgb(125,207,241)
```
#8fd6f3
```
#8fd6f3 rgb(143,214,243)
```
#a0dcf5
```
#a0dcf5 rgb(160,220,245)
```
#b2e3f7
```
#b2e3f7 rgb(178,227,247)
```
#c4e9f9
```
#c4e9f9 rgb(196,233,249)
```
#d6f0fb
```
#d6f0fb rgb(214,240,251)
```
#e7f6fc
```
#e7f6fc rgb(231,246,252)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#b4b8ba
```
#b4b8ba rgb(180,184,186)
```
#afbabf
```
#afbabf rgb(175,186,191)
```
#a9bdc5
```
#a9bdc5 rgb(169,189,197)
```
#a4bfca
```
#a4bfca rgb(164,191,202)
```
#9ec1d0
```
#9ec1d0 rgb(158,193,208)
```
#99c4d5
```
#99c4d5 rgb(153,196,213)
```
#93c6db
```
#93c6db rgb(147,198,219)
```
#8ec8e0
```
#8ec8e0 rgb(142,200,224)
```
#88cae6
```
#88cae6 rgb(136,202,230)
```
#83cdeb
```
#83cdeb rgb(131,205,235)
```
#7dcff1
```
#7dcff1 rgb(125,207,241)
```
#77d1f7
```
#77d1f7 rgb(119,209,247)
```
#72d4fc
```
#72d4fc rgb(114,212,252)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#aebec5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc5ea Protanopia 1% of men
#bfc3f6 Deuteranopia 1% of men
#7dd4e3 Tritanopia 0.001% of the population

Trichromacy

#a7c9ec Protanomaly 1% of men, 0.01% of women
#a7c7f4 Deuteranomaly 6% of men, 0.4% of women
#7dd2e8 Tritanomaly 0.01% of the population

#7dcff1 hex color

#7dcff1 Color Information

#7dcff1 Color Conversion

Color Schemes with #7dcff1

Alternatives to #7dcff1

#7dcff1 Preview

Shades and Tints of #7dcff1

Tones of #7dcff1

Color Blindness Simulator