#7bd4fc hex color

In a RGB color space, hex #7bd4fc is composed of 48.2% red, 83.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 15.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 198.6 degrees, a saturation of 95.6% and a lightness of 73.5%. #7bd4fc color hex could be obtained by blending #f6ffff with #00a9f9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 48
- G 83
- B 99
RGB color chart
- C 51
- M 16
- Y 0
- K 1
CMYK color chart

● #7bd4fc color description : Soft blue.

The hexadecimal color #7bd4fc has RGB values of R:123, G:212, B:252 and CMYK values of C:0.51, M:0.16, Y:0, K:0.01. Its decimal value is 8115452.

Hex triplet	7bd4fc	`#7bd4fc`
RGB Decimal	123, 212, 252	`rgb(123,212,252)`
RGB Percent	48.2, 83.1, 98.8	`rgb(48.2%,83.1%,98.8%)`
CMYK	51, 16, 0, 1
HSL	198.6°, 95.6, 73.5	`hsl(198.6,95.6%,73.5%)`
HSV (or HSB)	198.6°, 51.2, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.918, -16.075, -27.791
XYZ	49.278, 58.323, 100.751
xyY	0.237, 0.28, 58.323
CIE-LCH	80.918, 32.105, 239.954
CIE-LUV	80.918, -39.04, -42.415
Hunter-Lab	76.37, -18.468, -24.76
Binary	01111011, 11010100, 11111100

#7bd4fc
```
#7bd4fc rgb(123,212,252)
```
#fca37b
```
#fca37b rgb(252,163,123)
```

Complementary Color

#7bfce4
```
#7bfce4 rgb(123,252,228)
```
#7bd4fc
```
#7bd4fc rgb(123,212,252)
```
#7b94fc
```
#7b94fc rgb(123,148,252)
```

Analogous Color

#fce47b
```
#fce47b rgb(252,228,123)
```
#7bd4fc
```
#7bd4fc rgb(123,212,252)
```
#fc7b94
```
#fc7b94 rgb(252,123,148)
```

Split Complementary Color

#d4fc7b
```
#d4fc7b rgb(212,252,123)
```
#7bd4fc
```
#7bd4fc rgb(123,212,252)
```
#fc7bd4
```
#fc7bd4 rgb(252,123,212)
```

Triadic Color

#7bfca3
```
#7bfca3 rgb(123,252,163)
```
#7bd4fc
```
#7bd4fc rgb(123,212,252)
```
#fc7bd4
```
#fc7bd4 rgb(252,123,212)
```
#fca37b
```
#fca37b rgb(252,163,123)
```

Tetradic Color

#30bcfa
```
#30bcfa rgb(48,188,250)
```
#49c4fb
```
#49c4fb rgb(73,196,251)
```
#62ccfb
```
#62ccfb rgb(98,204,251)
```
#7bd4fc
```
#7bd4fc rgb(123,212,252)
```
#94dcfd
```
#94dcfd rgb(148,220,253)
```
#ade4fd
```
#ade4fd rgb(173,228,253)
```
#c6ecfe
```
#c6ecfe rgb(198,236,254)
```

Monochromatic Color

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

#7bf4fc
```
#7bf4fc rgb(123,244,252)
```
#7beafc
```
#7beafc rgb(123,234,252)
```
#7bdffc
```
#7bdffc rgb(123,223,252)
```
#7bd4fc
```
#7bd4fc rgb(123,212,252)
```
#7bc9fc
```
#7bc9fc rgb(123,201,252)
```
#7bbffc
```
#7bbffc rgb(123,191,252)
```
#7bb4fc
```
#7bb4fc rgb(123,180,252)
```

Similar Colors

Text with hexadecimal color #7bd4fc

This text has a font color of #7bd4fc.

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

#7bd4fc background color

This paragraph has a background color of #7bd4fc.

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

#7bd4fc border color

This element has a border color of #7bd4fc.

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

CSS codes

.text {color:#7bd4fc;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#000f15
```
#000f15 rgb(0,15,21)
```
#011c29
```
#011c29 rgb(1,28,41)
```
#012a3c
```
#012a3c rgb(1,42,60)
```
#02374f
```
#02374f rgb(2,55,79)
```
#024462
```
#024462 rgb(2,68,98)
```
#035275
```
#035275 rgb(3,82,117)
```
#035f89
```
#035f89 rgb(3,95,137)
```
#046d9c
```
#046d9c rgb(4,109,156)
```
#047aaf
```
#047aaf rgb(4,122,175)
```
#0487c2
```
#0487c2 rgb(4,135,194)
```
#0595d5
```
#0595d5 rgb(5,149,213)
```
#05a2e8
```
#05a2e8 rgb(5,162,232)
```

Shade Color Variation

#08aff9
```
#08aff9 rgb(8,175,249)
```
#1bb5fa
```
#1bb5fa rgb(27,181,250)
```
#2ebbfa
```
#2ebbfa rgb(46,187,250)
```
#41c1fb
```
#41c1fb rgb(65,193,251)
```
#55c8fb
```
#55c8fb rgb(85,200,251)
```
#68cefc
```
#68cefc rgb(104,206,252)
```
#7bd4fc
```
#7bd4fc rgb(123,212,252)
```
#8edafc
```
#8edafc rgb(142,218,252)
```
#a1e0fd
```
#a1e0fd rgb(161,224,253)
```
#b5e7fd
```
#b5e7fd rgb(181,231,253)
```
#c8edfe
```
#c8edfe rgb(200,237,254)
```
#dbf3fe
```
#dbf3fe rgb(219,243,254)
```
#eef9ff
```
#eef9ff rgb(238,249,255)
```

Tint Color Variation

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

#b9bcbe
```
#b9bcbe rgb(185,188,190)
```
#b4bec3
```
#b4bec3 rgb(180,190,195)
```
#afc0c8
```
#afc0c8 rgb(175,192,200)
```
#aac2cd
```
#aac2cd rgb(170,194,205)
```
#a5c4d2
```
#a5c4d2 rgb(165,196,210)
```
#9fc6d8
```
#9fc6d8 rgb(159,198,216)
```
#9ac8dd
```
#9ac8dd rgb(154,200,221)
```
#95cae2
```
#95cae2 rgb(149,202,226)
```
#90cce7
```
#90cce7 rgb(144,204,231)
```
#8bceec
```
#8bceec rgb(139,206,236)
```
#85d0f2
```
#85d0f2 rgb(133,208,242)
```
#80d2f7
```
#80d2f7 rgb(128,210,247)
```
#7bd4fc
```
#7bd4fc rgb(123,212,252)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#b1c2ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c9f4 Protanopia 1% of men
#c0c8ff Deuteranopia 1% of men
#79d9e9 Tritanopia 0.001% of the population

Trichromacy

#a7cdf7 Protanomaly 1% of men, 0.01% of women
#a7ccfd Deuteranomaly 6% of men, 0.4% of women
#7ad7f0 Tritanomaly 0.01% of the population

#7bd4fc hex color

#7bd4fc Color Information

#7bd4fc Color Conversion

Color Schemes with #7bd4fc

Alternatives to #7bd4fc

#7bd4fc Preview

Shades and Tints of #7bd4fc

Tones of #7bd4fc

Color Blindness Simulator