#7bd5fc hex color

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

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

● #7bd5fc color description : Soft blue.

The hexadecimal color #7bd5fc has RGB values of R:123, G:213, B:252 and CMYK values of C:0.51, M:0.15, Y:0, K:0.01. Its decimal value is 8115708.

Hex triplet	7bd5fc	`#7bd5fc`
RGB Decimal	123, 213, 252	`rgb(123,213,252)`
RGB Percent	48.2, 83.5, 98.8	`rgb(48.2%,83.5%,98.8%)`
CMYK	51, 15, 0, 1
HSL	198.1°, 95.6, 73.5	`hsl(198.1,95.6%,73.5%)`
HSV (or HSB)	198.1°, 51.2, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	81.195, -16.589, -27.368
XYZ	49.529, 58.825, 100.834
xyY	0.237, 0.281, 58.825
CIE-LCH	81.195, 32.003, 238.778
CIE-LUV	81.195, -39.419, -41.638
Hunter-Lab	76.697, -18.95, -24.261
Binary	01111011, 11010101, 11111100

#7bd5fc
```
#7bd5fc rgb(123,213,252)
```
#fca27b
```
#fca27b rgb(252,162,123)
```

Complementary Color

#7bfce3
```
#7bfce3 rgb(123,252,227)
```
#7bd5fc
```
#7bd5fc rgb(123,213,252)
```
#7b95fc
```
#7b95fc rgb(123,149,252)
```

Analogous Color

#fce37b
```
#fce37b rgb(252,227,123)
```
#7bd5fc
```
#7bd5fc rgb(123,213,252)
```
#fc7b95
```
#fc7b95 rgb(252,123,149)
```

Split Complementary Color

#d5fc7b
```
#d5fc7b rgb(213,252,123)
```
#7bd5fc
```
#7bd5fc rgb(123,213,252)
```
#fc7bd5
```
#fc7bd5 rgb(252,123,213)
```

Triadic Color

#7bfca2
```
#7bfca2 rgb(123,252,162)
```
#7bd5fc
```
#7bd5fc rgb(123,213,252)
```
#fc7bd5
```
#fc7bd5 rgb(252,123,213)
```
#fca27b
```
#fca27b rgb(252,162,123)
```

Tetradic Color

#30bdfa
```
#30bdfa rgb(48,189,250)
```
#49c5fb
```
#49c5fb rgb(73,197,251)
```
#62cdfb
```
#62cdfb rgb(98,205,251)
```
#7bd5fc
```
#7bd5fc rgb(123,213,252)
```
#94ddfd
```
#94ddfd rgb(148,221,253)
```
#ade5fd
```
#ade5fd rgb(173,229,253)
```
#c6edfe
```
#c6edfe rgb(198,237,254)
```

Monochromatic Color

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

#7bf5fc
```
#7bf5fc rgb(123,245,252)
```
#7bebfc
```
#7bebfc rgb(123,235,252)
```
#7be0fc
```
#7be0fc rgb(123,224,252)
```
#7bd5fc
```
#7bd5fc rgb(123,213,252)
```
#7bcafc
```
#7bcafc rgb(123,202,252)
```
#7bc0fc
```
#7bc0fc rgb(123,192,252)
```
#7bb5fc
```
#7bb5fc rgb(123,181,252)
```

Similar Colors

Text with hexadecimal color #7bd5fc

This text has a font color of #7bd5fc.

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

#7bd5fc background color

This paragraph has a background color of #7bd5fc.

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

#7bd5fc border color

This element has a border color of #7bd5fc.

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

CSS codes

.text {color:#7bd5fc;}

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

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

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)
```
#000f15
```
#000f15 rgb(0,15,21)
```
#011d29
```
#011d29 rgb(1,29,41)
```
#012a3c
```
#012a3c rgb(1,42,60)
```
#02384f
```
#02384f rgb(2,56,79)
```
#024562
```
#024562 rgb(2,69,98)
```
#035375
```
#035375 rgb(3,83,117)
```
#036089
```
#036089 rgb(3,96,137)
```
#046e9c
```
#046e9c rgb(4,110,156)
```
#047baf
```
#047baf rgb(4,123,175)
```
#0489c2
```
#0489c2 rgb(4,137,194)
```
#0596d5
```
#0596d5 rgb(5,150,213)
```
#05a4e8
```
#05a4e8 rgb(5,164,232)
```

Shade Color Variation

#08b0f9
```
#08b0f9 rgb(8,176,249)
```
#1bb6fa
```
#1bb6fa rgb(27,182,250)
```
#2ebdfa
```
#2ebdfa rgb(46,189,250)
```
#41c3fb
```
#41c3fb rgb(65,195,251)
```
#55c9fb
```
#55c9fb rgb(85,201,251)
```
#68cffc
```
#68cffc rgb(104,207,252)
```
#7bd5fc
```
#7bd5fc rgb(123,213,252)
```
#8edbfc
```
#8edbfc rgb(142,219,252)
```
#a1e1fd
```
#a1e1fd rgb(161,225,253)
```
#b5e7fd
```
#b5e7fd rgb(181,231,253)
```
#c8edfe
```
#c8edfe rgb(200,237,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 #7bd5fc is the most saturated one.

#b9bcbe
```
#b9bcbe rgb(185,188,190)
```
#b4bec3
```
#b4bec3 rgb(180,190,195)
```
#afc0c8
```
#afc0c8 rgb(175,192,200)
```
#aac3cd
```
#aac3cd rgb(170,195,205)
```
#a5c5d2
```
#a5c5d2 rgb(165,197,210)
```
#9fc7d8
```
#9fc7d8 rgb(159,199,216)
```
#9ac9dd
```
#9ac9dd rgb(154,201,221)
```
#95cbe2
```
#95cbe2 rgb(149,203,226)
```
#90cde7
```
#90cde7 rgb(144,205,231)
```
#8bcfec
```
#8bcfec rgb(139,207,236)
```
#85d1f2
```
#85d1f2 rgb(133,209,242)
```
#80d3f7
```
#80d3f7 rgb(128,211,247)
```
#7bd5fc
```
#7bd5fc rgb(123,213,252)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b1c3cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2caf4 Protanopia 1% of men
#c2c9ff Deuteranopia 1% of men
#7adaea Tritanopia 0.001% of the population

Trichromacy

#a8cef7 Protanomaly 1% of men, 0.01% of women
#a8cdfd Deuteranomaly 6% of men, 0.4% of women
#7ad8f0 Tritanomaly 0.01% of the population

#7bd5fc hex color

#7bd5fc Color Information

#7bd5fc Color Conversion

Color Schemes with #7bd5fc

Alternatives to #7bd5fc

#7bd5fc Preview

Shades and Tints of #7bd5fc

Tones of #7bd5fc

Color Blindness Simulator