#7bddfd hex color

In a RGB color space, hex #7bddfd is composed of 48.2% red, 86.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 12.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 194.8 degrees, a saturation of 97% and a lightness of 73.7%. #7bddfd color hex could be obtained by blending #f6ffff with #00bbfb. Closest websafe color is: #66ccff.

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

● #7bddfd color description : Soft cyan.

The hexadecimal color #7bddfd has RGB values of R:123, G:221, B:253 and CMYK values of C:0.51, M:0.13, Y:0, K:0.01. Its decimal value is 8117757.

Hex triplet	7bddfd	`#7bddfd`
RGB Decimal	123, 221, 253	`rgb(123,221,253)`
RGB Percent	48.2, 86.7, 99.2	`rgb(48.2%,86.7%,99.2%)`
CMYK	51, 13, 0, 1
HSL	194.8°, 97, 73.7	`hsl(194.8,97%,73.7%)`
HSV (or HSB)	194.8°, 51.4, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.449, -20.377, -24.459
XYZ	51.75, 63.012, 102.359
xyY	0.238, 0.29, 63.012
CIE-LCH	83.449, 31.835, 230.202
CIE-LUV	83.449, -42.416, -36.276
Hunter-Lab	79.38, -22.547, -20.887
Binary	01111011, 11011101, 11111101

#7bddfd
```
#7bddfd rgb(123,221,253)
```
#fd9b7b
```
#fd9b7b rgb(253,155,123)
```

Complementary Color

#7bfddc
```
#7bfddc rgb(123,253,220)
```
#7bddfd
```
#7bddfd rgb(123,221,253)
```
#7b9cfd
```
#7b9cfd rgb(123,156,253)
```

Analogous Color

#fddc7b
```
#fddc7b rgb(253,220,123)
```
#7bddfd
```
#7bddfd rgb(123,221,253)
```
#fd7b9c
```
#fd7b9c rgb(253,123,156)
```

Split Complementary Color

#ddfd7b
```
#ddfd7b rgb(221,253,123)
```
#7bddfd
```
#7bddfd rgb(123,221,253)
```
#fd7bdd
```
#fd7bdd rgb(253,123,221)
```

Triadic Color

#7bfd9b
```
#7bfd9b rgb(123,253,155)
```
#7bddfd
```
#7bddfd rgb(123,221,253)
```
#fd7bdd
```
#fd7bdd rgb(253,123,221)
```
#fd9b7b
```
#fd9b7b rgb(253,155,123)
```

Tetradic Color

#30cafc
```
#30cafc rgb(48,202,252)
```
#49d0fc
```
#49d0fc rgb(73,208,252)
```
#62d7fd
```
#62d7fd rgb(98,215,253)
```
#7bddfd
```
#7bddfd rgb(123,221,253)
```
#94e3fd
```
#94e3fd rgb(148,227,253)
```
#adeafe
```
#adeafe rgb(173,234,254)
```
#c6f0fe
```
#c6f0fe rgb(198,240,254)
```

Monochromatic Color

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

#7bfdfd
```
#7bfdfd rgb(123,253,253)
```
#7bf3fd
```
#7bf3fd rgb(123,243,253)
```
#7be8fd
```
#7be8fd rgb(123,232,253)
```
#7bddfd
```
#7bddfd rgb(123,221,253)
```
#7bd2fd
```
#7bd2fd rgb(123,210,253)
```
#7bc7fd
```
#7bc7fd rgb(123,199,253)
```
#7bbdfd
```
#7bbdfd rgb(123,189,253)
```

Similar Colors

Text with hexadecimal color #7bddfd

This text has a font color of #7bddfd.

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

#7bddfd background color

This paragraph has a background color of #7bddfd.

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

#7bddfd border color

This element has a border color of #7bddfd.

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

CSS codes

.text {color:#7bddfd;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#001117
```
#001117 rgb(0,17,23)
```
#01202a
```
#01202a rgb(1,32,42)
```
#012e3d
```
#012e3d rgb(1,46,61)
```
#013d51
```
#013d51 rgb(1,61,81)
```
#024c64
```
#024c64 rgb(2,76,100)
```
#025a77
```
#025a77 rgb(2,90,119)
```
#02698b
```
#02698b rgb(2,105,139)
```
#02789e
```
#02789e rgb(2,120,158)
```
#0386b1
```
#0386b1 rgb(3,134,177)
```
#0395c4
```
#0395c4 rgb(3,149,196)
```
#03a3d8
```
#03a3d8 rgb(3,163,216)
```
#04b2eb
```
#04b2eb rgb(4,178,235)
```

Shade Color Variation

#07bffb
```
#07bffb rgb(7,191,251)
```
#1ac4fc
```
#1ac4fc rgb(26,196,252)
```
#2ec9fc
```
#2ec9fc rgb(46,201,252)
```
#41cefc
```
#41cefc rgb(65,206,252)
```
#54d3fc
```
#54d3fc rgb(84,211,252)
```
#68d8fd
```
#68d8fd rgb(104,216,253)
```
#7bddfd
```
#7bddfd rgb(123,221,253)
```
#8ee2fd
```
#8ee2fd rgb(142,226,253)
```
#a2e7fe
```
#a2e7fe rgb(162,231,254)
```
#b5ecfe
```
#b5ecfe rgb(181,236,254)
```
#c8f1fe
```
#c8f1fe rgb(200,241,254)
```
#dcf6fe
```
#dcf6fe rgb(220,246,254)
```
#effbff
```
#effbff rgb(239,251,255)
```

Tint Color Variation

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

#b9bebf
```
#b9bebf rgb(185,190,191)
```
#b4c0c4
```
#b4c0c4 rgb(180,192,196)
```
#afc3c9
```
#afc3c9 rgb(175,195,201)
```
#a9c5cf
```
#a9c5cf rgb(169,197,207)
```
#a4c8d4
```
#a4c8d4 rgb(164,200,212)
```
#9fcbd9
```
#9fcbd9 rgb(159,203,217)
```
#9acdde
```
#9acdde rgb(154,205,222)
```
#95d0e3
```
#95d0e3 rgb(149,208,227)
```
#90d3e8
```
#90d3e8 rgb(144,211,232)
```
#8ad5ee
```
#8ad5ee rgb(138,213,238)
```
#85d8f3
```
#85d8f3 rgb(133,216,243)
```
#80daf8
```
#80daf8 rgb(128,218,248)
```
#7bddfd
```
#7bddfd rgb(123,221,253)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#b5c8cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#cad0f4 Protanopia 1% of men
#cbcfff Deuteranopia 1% of men
#7ce0f1 Tritanopia 0.001% of the population

Trichromacy

#add5f7 Protanomaly 1% of men, 0.01% of women
#aed4fe Deuteranomaly 6% of men, 0.4% of women
#7cdff5 Tritanomaly 0.01% of the population

#7bddfd hex color

#7bddfd Color Information

#7bddfd Color Conversion

Color Schemes with #7bddfd

Alternatives to #7bddfd

#7bddfd Preview

Shades and Tints of #7bddfd

Tones of #7bddfd

Color Blindness Simulator