#7dc4fa hex color

In a RGB color space, hex #7dc4fa is composed of 49% red, 76.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 21.6% magenta, 0% yellow and 2% black. It has a hue angle of 205.9 degrees, a saturation of 92.6% and a lightness of 73.5%. #7dc4fa color hex could be obtained by blending #faffff with #0089f5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 77
- B 98
RGB color chart
- C 50
- M 22
- Y 0
- K 2
CMYK color chart

● #7dc4fa color description : Soft blue.

The hexadecimal color #7dc4fa has RGB values of R:125, G:196, B:250 and CMYK values of C:0.5, M:0.22, Y:0, K:0.02. Its decimal value is 8242426.

Hex triplet	7dc4fa	`#7dc4fa`
RGB Decimal	125, 196, 250	`rgb(125,196,250)`
RGB Percent	49, 76.9, 98	`rgb(49%,76.9%,98%)`
CMYK	50, 22, 0, 2
HSL	205.9°, 92.6, 73.5	`hsl(205.9,92.6%,73.5%)`
HSV (or HSB)	205.9°, 50, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.521, -7.808, -33.475
XYZ	45.449, 50.739, 97.836
xyY	0.234, 0.262, 50.739
CIE-LCH	76.521, 34.373, 256.87
CIE-LUV	76.521, -32.409, -52.935
Hunter-Lab	71.232, -10.765, -31.572
Binary	01111101, 11000100, 11111010

#7dc4fa
```
#7dc4fa rgb(125,196,250)
```
#fab37d
```
#fab37d rgb(250,179,125)
```

Complementary Color

#7dfaf2
```
#7dfaf2 rgb(125,250,242)
```
#7dc4fa
```
#7dc4fa rgb(125,196,250)
```
#7d86fa
```
#7d86fa rgb(125,134,250)
```

Analogous Color

#faf27d
```
#faf27d rgb(250,242,125)
```
#7dc4fa
```
#7dc4fa rgb(125,196,250)
```
#fa7d86
```
#fa7d86 rgb(250,125,134)
```

Split Complementary Color

#c4fa7d
```
#c4fa7d rgb(196,250,125)
```
#7dc4fa
```
#7dc4fa rgb(125,196,250)
```
#fa7dc4
```
#fa7dc4 rgb(250,125,196)
```

Triadic Color

#7dfab3
```
#7dfab3 rgb(125,250,179)
```
#7dc4fa
```
#7dc4fa rgb(125,196,250)
```
#fa7dc4
```
#fa7dc4 rgb(250,125,196)
```
#fab37d
```
#fab37d rgb(250,179,125)
```

Tetradic Color

#33a3f7
```
#33a3f7 rgb(51,163,247)
```
#4caef8
```
#4caef8 rgb(76,174,248)
```
#64b9f9
```
#64b9f9 rgb(100,185,249)
```
#7dc4fa
```
#7dc4fa rgb(125,196,250)
```
#96cffb
```
#96cffb rgb(150,207,251)
```
#aedafc
```
#aedafc rgb(174,218,252)
```
#c7e5fd
```
#c7e5fd rgb(199,229,253)
```

Monochromatic Color

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

#7de3fa
```
#7de3fa rgb(125,227,250)
```
#7dd9fa
```
#7dd9fa rgb(125,217,250)
```
#7dcefa
```
#7dcefa rgb(125,206,250)
```
#7dc4fa
```
#7dc4fa rgb(125,196,250)
```
#7dbafa
```
#7dbafa rgb(125,186,250)
```
#7daffa
```
#7daffa rgb(125,175,250)
```
#7da5fa
```
#7da5fa rgb(125,165,250)
```

Similar Colors

Text with hexadecimal color #7dc4fa

This text has a font color of #7dc4fa.

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

#7dc4fa background color

This paragraph has a background color of #7dc4fa.

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

#7dc4fa border color

This element has a border color of #7dc4fa.

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

CSS codes

.text {color:#7dc4fa;}

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

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

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, #000102 is the darkest color, while #eef7fe is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#010c15
```
#010c15 rgb(1,12,21)
```
#021728
```
#021728 rgb(2,23,40)
```
#02223b
```
#02223b rgb(2,34,59)
```
#032d4e
```
#032d4e rgb(3,45,78)
```
#043961
```
#043961 rgb(4,57,97)
```
#044474
```
#044474 rgb(4,68,116)
```
#054f86
```
#054f86 rgb(5,79,134)
```
#065a99
```
#065a99 rgb(6,90,153)
```
#0765ac
```
#0765ac rgb(7,101,172)
```
#0770bf
```
#0770bf rgb(7,112,191)
```
#087bd2
```
#087bd2 rgb(8,123,210)
```
#0986e5
```
#0986e5 rgb(9,134,229)
```

Shade Color Variation

#0c91f6
```
#0c91f6 rgb(12,145,246)
```
#1f99f6
```
#1f99f6 rgb(31,153,246)
```
#31a2f7
```
#31a2f7 rgb(49,162,247)
```
#44aaf8
```
#44aaf8 rgb(68,170,248)
```
#57b3f9
```
#57b3f9 rgb(87,179,249)
```
#6abbf9
```
#6abbf9 rgb(106,187,249)
```
#7dc4fa
```
#7dc4fa rgb(125,196,250)
```
#90cdfb
```
#90cdfb rgb(144,205,251)
```
#a3d5fb
```
#a3d5fb rgb(163,213,251)
```
#b6defc
```
#b6defc rgb(182,222,252)
```
#c9e6fd
```
#c9e6fd rgb(201,230,253)
```
#dbeffe
```
#dbeffe rgb(219,239,254)
```
#eef7fe
```
#eef7fe rgb(238,247,254)
```

Tint Color Variation

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

#bbbcbc
```
#bbbcbc rgb(187,188,188)
```
#b6bcc1
```
#b6bcc1 rgb(182,188,193)
```
#b1bdc6
```
#b1bdc6 rgb(177,189,198)
```
#acbecb
```
#acbecb rgb(172,190,203)
```
#a7bed0
```
#a7bed0 rgb(167,190,208)
```
#a1bfd6
```
#a1bfd6 rgb(161,191,214)
```
#9cc0db
```
#9cc0db rgb(156,192,219)
```
#97c0e0
```
#97c0e0 rgb(151,192,224)
```
#92c1e5
```
#92c1e5 rgb(146,193,229)
```
#8dc2ea
```
#8dc2ea rgb(141,194,234)
```
#87c3f0
```
#87c3f0 rgb(135,195,240)
```
#82c3f5
```
#82c3f5 rgb(130,195,245)
```
#7dc4fa
```
#7dc4fa rgb(125,196,250)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#aab8c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0bef4 Protanopia 1% of men
#acbdfd Deuteranopia 1% of men
#76ccdb Tritanopia 0.001% of the population

Trichromacy

#9ec0f6 Protanomaly 1% of men, 0.01% of women
#9bc0fc Deuteranomaly 6% of men, 0.4% of women
#79c9e6 Tritanomaly 0.01% of the population

#7dc4fa hex color

#7dc4fa Color Information

#7dc4fa Color Conversion

Color Schemes with #7dc4fa

Alternatives to #7dc4fa

#7dc4fa Preview

Shades and Tints of #7dc4fa

Tones of #7dc4fa

Color Blindness Simulator