#7dcafb hex color

In a RGB color space, hex #7dcafb is composed of 49% red, 79.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 19.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 203.3 degrees, a saturation of 94% and a lightness of 73.7%. #7dcafb color hex could be obtained by blending #faffff with #0095f7. Closest websafe color is: #66ccff.

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

● #7dcafb color description : Soft blue.

The hexadecimal color #7dcafb has RGB values of R:125, G:202, B:251 and CMYK values of C:0.5, M:0.2, Y:0, K:0.02. Its decimal value is 8243963.

Hex triplet	7dcafb	`#7dcafb`
RGB Decimal	125, 202, 251	`rgb(125,202,251)`
RGB Percent	49, 79.2, 98.4	`rgb(49%,79.2%,98.4%)`
CMYK	50, 20, 0, 2
HSL	203.3°, 94, 73.7	`hsl(203.3,94%,73.7%)`
HSV (or HSB)	203.3°, 50.2, 98.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.206, -10.713, -31.412
XYZ	46.986, 53.563, 99.124
xyY	0.235, 0.268, 53.563
CIE-LCH	78.206, 33.189, 251.169
CIE-LUV	78.206, -34.666, -49.151
Hunter-Lab	73.187, -13.479, -29.071
Binary	01111101, 11001010, 11111011

#7dcafb
```
#7dcafb rgb(125,202,251)
```
#fbae7d
```
#fbae7d rgb(251,174,125)
```

Complementary Color

#7dfbed
```
#7dfbed rgb(125,251,237)
```
#7dcafb
```
#7dcafb rgb(125,202,251)
```
#7d8bfb
```
#7d8bfb rgb(125,139,251)
```

Analogous Color

#fbed7d
```
#fbed7d rgb(251,237,125)
```
#7dcafb
```
#7dcafb rgb(125,202,251)
```
#fb7d8b
```
#fb7d8b rgb(251,125,139)
```

Split Complementary Color

#cafb7d
```
#cafb7d rgb(202,251,125)
```
#7dcafb
```
#7dcafb rgb(125,202,251)
```
#fb7dca
```
#fb7dca rgb(251,125,202)
```

Triadic Color

#7dfbae
```
#7dfbae rgb(125,251,174)
```
#7dcafb
```
#7dcafb rgb(125,202,251)
```
#fb7dca
```
#fb7dca rgb(251,125,202)
```
#fbae7d
```
#fbae7d rgb(251,174,125)
```

Tetradic Color

#33acf9
```
#33acf9 rgb(51,172,249)
```
#4cb6f9
```
#4cb6f9 rgb(76,182,249)
```
#64c0fa
```
#64c0fa rgb(100,192,250)
```
#7dcafb
```
#7dcafb rgb(125,202,251)
```
#96d4fc
```
#96d4fc rgb(150,212,252)
```
#aedefd
```
#aedefd rgb(174,222,253)
```
#c7e8fd
```
#c7e8fd rgb(199,232,253)
```

Monochromatic Color

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

#7deafb
```
#7deafb rgb(125,234,251)
```
#7ddffb
```
#7ddffb rgb(125,223,251)
```
#7dd5fb
```
#7dd5fb rgb(125,213,251)
```
#7dcafb
```
#7dcafb rgb(125,202,251)
```
#7dc0fb
```
#7dc0fb rgb(125,192,251)
```
#7db5fb
```
#7db5fb rgb(125,181,251)
```
#7dabfb
```
#7dabfb rgb(125,171,251)
```

Similar Colors

Text with hexadecimal color #7dcafb

This text has a font color of #7dcafb.

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

#7dcafb background color

This paragraph has a background color of #7dcafb.

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

#7dcafb border color

This element has a border color of #7dcafb.

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

CSS codes

.text {color:#7dcafb;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#010e16
```
#010e16 rgb(1,14,22)
```
#011a29
```
#011a29 rgb(1,26,41)
```
#02263c
```
#02263c rgb(2,38,60)
```
#02314f
```
#02314f rgb(2,49,79)
```
#033d62
```
#033d62 rgb(3,61,98)
```
#044975
```
#044975 rgb(4,73,117)
```
#045588
```
#045588 rgb(4,85,136)
```
#05619b
```
#05619b rgb(5,97,155)
```
#056dae
```
#056dae rgb(5,109,174)
```
#0679c2
```
#0679c2 rgb(6,121,194)
```
#0784d5
```
#0784d5 rgb(7,132,213)
```
#0790e8
```
#0790e8 rgb(7,144,232)
```

Shade Color Variation

#0b9bf7
```
#0b9bf7 rgb(11,155,247)
```
#1ea3f8
```
#1ea3f8 rgb(30,163,248)
```
#31abf9
```
#31abf9 rgb(49,171,249)
```
#44b3f9
```
#44b3f9 rgb(68,179,249)
```
#57bafa
```
#57bafa rgb(87,186,250)
```
#6ac2fa
```
#6ac2fa rgb(106,194,250)
```
#7dcafb
```
#7dcafb rgb(125,202,251)
```
#90d2fc
```
#90d2fc rgb(144,210,252)
```
#a3dafc
```
#a3dafc rgb(163,218,252)
```
#b6e1fd
```
#b6e1fd rgb(182,225,253)
```
#c9e9fd
```
#c9e9fd rgb(201,233,253)
```
#dcf1fe
```
#dcf1fe rgb(220,241,254)
```
#eff9ff
```
#eff9ff rgb(239,249,255)
```

Tint Color Variation

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

#bbbcbd
```
#bbbcbd rgb(187,188,189)
```
#b6bdc2
```
#b6bdc2 rgb(182,189,194)
```
#b1bfc7
```
#b1bfc7 rgb(177,191,199)
```
#abc0cd
```
#abc0cd rgb(171,192,205)
```
#a6c1d2
```
#a6c1d2 rgb(166,193,210)
```
#a1c2d7
```
#a1c2d7 rgb(161,194,215)
```
#9cc3dc
```
#9cc3dc rgb(156,195,220)
```
#97c4e1
```
#97c4e1 rgb(151,196,225)
```
#92c5e6
```
#92c5e6 rgb(146,197,230)
```
#8cc7ec
```
#8cc7ec rgb(140,199,236)
```
#87c8f1
```
#87c8f1 rgb(135,200,241)
```
#82c9f6
```
#82c9f6 rgb(130,201,246)
```
#7dcafb
```
#7dcafb rgb(125,202,251)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#adbcc6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7c2f4 Protanopia 1% of men
#b4c1ff Deuteranopia 1% of men
#78d1e0 Tritanopia 0.001% of the population

Trichromacy

#a2c5f6 Protanomaly 1% of men, 0.01% of women
#a0c4fd Deuteranomaly 6% of men, 0.4% of women
#7aceea Tritanomaly 0.01% of the population

#7dcafb hex color

#7dcafb Color Information

#7dcafb Color Conversion

Color Schemes with #7dcafb

Alternatives to #7dcafb

#7dcafb Preview

Shades and Tints of #7dcafb

Tones of #7dcafb

Color Blindness Simulator