#7bd8fc hex color

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

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

● #7bd8fc color description : Soft blue.

The hexadecimal color #7bd8fc has RGB values of R:123, G:216, B:252 and CMYK values of C:0.51, M:0.14, Y:0, K:0.01. Its decimal value is 8116476.

Hex triplet	7bd8fc	`#7bd8fc`
RGB Decimal	123, 216, 252	`rgb(123,216,252)`
RGB Percent	48.2, 84.7, 98.8	`rgb(48.2%,84.7%,98.8%)`
CMYK	51, 14, 0, 1
HSL	196.7°, 95.6, 73.5	`hsl(196.7,95.6%,73.5%)`
HSV (or HSB)	196.7°, 51.2, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.027, -18.122, -26.097
XYZ	50.29, 60.348, 101.088
xyY	0.238, 0.285, 60.348
CIE-LCH	82.027, 31.772, 235.223
CIE-LUV	82.027, -40.555, -39.306
Hunter-Lab	77.684, -20.391, -22.774
Binary	01111011, 11011000, 11111100

#7bd8fc
```
#7bd8fc rgb(123,216,252)
```
#fc9f7b
```
#fc9f7b rgb(252,159,123)
```

Complementary Color

#7bfce0
```
#7bfce0 rgb(123,252,224)
```
#7bd8fc
```
#7bd8fc rgb(123,216,252)
```
#7b98fc
```
#7b98fc rgb(123,152,252)
```

Analogous Color

#fce07b
```
#fce07b rgb(252,224,123)
```
#7bd8fc
```
#7bd8fc rgb(123,216,252)
```
#fc7b98
```
#fc7b98 rgb(252,123,152)
```

Split Complementary Color

#d8fc7b
```
#d8fc7b rgb(216,252,123)
```
#7bd8fc
```
#7bd8fc rgb(123,216,252)
```
#fc7bd8
```
#fc7bd8 rgb(252,123,216)
```

Triadic Color

#7bfc9f
```
#7bfc9f rgb(123,252,159)
```
#7bd8fc
```
#7bd8fc rgb(123,216,252)
```
#fc7bd8
```
#fc7bd8 rgb(252,123,216)
```
#fc9f7b
```
#fc9f7b rgb(252,159,123)
```

Tetradic Color

#30c2fa
```
#30c2fa rgb(48,194,250)
```
#49c9fb
```
#49c9fb rgb(73,201,251)
```
#62d1fb
```
#62d1fb rgb(98,209,251)
```
#7bd8fc
```
#7bd8fc rgb(123,216,252)
```
#94dffd
```
#94dffd rgb(148,223,253)
```
#ade7fd
```
#ade7fd rgb(173,231,253)
```
#c6eefe
```
#c6eefe rgb(198,238,254)
```

Monochromatic Color

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

#7bf8fc
```
#7bf8fc rgb(123,248,252)
```
#7beefc
```
#7beefc rgb(123,238,252)
```
#7be3fc
```
#7be3fc rgb(123,227,252)
```
#7bd8fc
```
#7bd8fc rgb(123,216,252)
```
#7bcdfc
```
#7bcdfc rgb(123,205,252)
```
#7bc3fc
```
#7bc3fc rgb(123,195,252)
```
#7bb8fc
```
#7bb8fc rgb(123,184,252)
```

Similar Colors

Text with hexadecimal color #7bd8fc

This text has a font color of #7bd8fc.

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

#7bd8fc background color

This paragraph has a background color of #7bd8fc.

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

#7bd8fc border color

This element has a border color of #7bd8fc.

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

CSS codes

.text {color:#7bd8fc;}

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

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

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 #eefaff is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#001015
```
#001015 rgb(0,16,21)
```
#011e29
```
#011e29 rgb(1,30,41)
```
#012b3c
```
#012b3c rgb(1,43,60)
```
#02394f
```
#02394f rgb(2,57,79)
```
#024762
```
#024762 rgb(2,71,98)
```
#035575
```
#035575 rgb(3,85,117)
```
#036389
```
#036389 rgb(3,99,137)
```
#04719c
```
#04719c rgb(4,113,156)
```
#047faf
```
#047faf rgb(4,127,175)
```
#048dc2
```
#048dc2 rgb(4,141,194)
```
#059bd5
```
#059bd5 rgb(5,155,213)
```
#05a9e8
```
#05a9e8 rgb(5,169,232)
```

Shade Color Variation

#08b6f9
```
#08b6f9 rgb(8,182,249)
```
#1bbcfa
```
#1bbcfa rgb(27,188,250)
```
#2ec1fa
```
#2ec1fa rgb(46,193,250)
```
#41c7fb
```
#41c7fb rgb(65,199,251)
```
#55cdfb
```
#55cdfb rgb(85,205,251)
```
#68d2fc
```
#68d2fc rgb(104,210,252)
```
#7bd8fc
```
#7bd8fc rgb(123,216,252)
```
#8edefc
```
#8edefc rgb(142,222,252)
```
#a1e3fd
```
#a1e3fd rgb(161,227,253)
```
#b5e9fd
```
#b5e9fd rgb(181,233,253)
```
#c8effe
```
#c8effe rgb(200,239,254)
```
#dbf4fe
```
#dbf4fe rgb(219,244,254)
```
#eefaff
```
#eefaff rgb(238,250,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 #7bd8fc is the most saturated one.

#b9bcbe
```
#b9bcbe rgb(185,188,190)
```
#b4bfc3
```
#b4bfc3 rgb(180,191,195)
```
#afc1c8
```
#afc1c8 rgb(175,193,200)
```
#aac3cd
```
#aac3cd rgb(170,195,205)
```
#a5c6d2
```
#a5c6d2 rgb(165,198,210)
```
#9fc8d8
```
#9fc8d8 rgb(159,200,216)
```
#9acadd
```
#9acadd rgb(154,202,221)
```
#95cde2
```
#95cde2 rgb(149,205,226)
```
#90cfe7
```
#90cfe7 rgb(144,207,231)
```
#8bd1ec
```
#8bd1ec rgb(139,209,236)
```
#85d3f2
```
#85d3f2 rgb(133,211,242)
```
#80d6f7
```
#80d6f7 rgb(128,214,247)
```
#7bd8fc
```
#7bd8fc rgb(123,216,252)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#b2c5cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5ccf3 Protanopia 1% of men
#c5cbff Deuteranopia 1% of men
#7bdcec Tritanopia 0.001% of the population

Trichromacy

#aad0f6 Protanomaly 1% of men, 0.01% of women
#aacffd Deuteranomaly 6% of men, 0.4% of women
#7bdbf2 Tritanomaly 0.01% of the population

#7bd8fc hex color

#7bd8fc Color Information

#7bd8fc Color Conversion

Color Schemes with #7bd8fc

Alternatives to #7bd8fc

#7bd8fc Preview

Shades and Tints of #7bd8fc

Tones of #7bd8fc

Color Blindness Simulator