#7bfdf8 hex color

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

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

● #7bfdf8 color description : Soft cyan.

The hexadecimal color #7bfdf8 has RGB values of R:123, G:253, B:248 and CMYK values of C:0.51, M:0, Y:0.02, K:0.01. Its decimal value is 8125944.

Hex triplet	7bfdf8	`#7bfdf8`
RGB Decimal	123, 253, 248	`rgb(123,253,248)`
RGB Percent	48.2, 99.2, 97.3	`rgb(48.2%,99.2%,97.3%)`
CMYK	51, 0, 2, 1
HSL	177.7°, 97, 73.7	`hsl(177.7,97%,73.7%)`
HSV (or HSB)	177.7°, 51.4, 99.2
Web Safe	66ffff	`#66ffff`

CIE-LAB	92.236, -37.064, -8.636
XYZ	60.232, 81.234, 101.307
xyY	0.248, 0.335, 81.234
CIE-LCH	92.236, 38.057, 193.116
CIE-LUV	92.236, -54.691, -7.661
Hunter-Lab	90.13, -38.44, -3.552
Binary	01111011, 11111101, 11111000

#7bfdf8
```
#7bfdf8 rgb(123,253,248)
```
#fd7b80
```
#fd7b80 rgb(253,123,128)
```

Complementary Color

#7bfdb7
```
#7bfdb7 rgb(123,253,183)
```
#7bfdf8
```
#7bfdf8 rgb(123,253,248)
```
#7bc1fd
```
#7bc1fd rgb(123,193,253)
```

Analogous Color

#fdb77b
```
#fdb77b rgb(253,183,123)
```
#7bfdf8
```
#7bfdf8 rgb(123,253,248)
```
#fd7bc1
```
#fd7bc1 rgb(253,123,193)
```

Split Complementary Color

#fdf87b
```
#fdf87b rgb(253,248,123)
```
#7bfdf8
```
#7bfdf8 rgb(123,253,248)
```
#f87bfd
```
#f87bfd rgb(248,123,253)
```

Triadic Color

#80fd7b
```
#80fd7b rgb(128,253,123)
```
#7bfdf8
```
#7bfdf8 rgb(123,253,248)
```
#f87bfd
```
#f87bfd rgb(248,123,253)
```
#fd7b80
```
#fd7b80 rgb(253,123,128)
```

Tetradic Color

#30fcf4
```
#30fcf4 rgb(48,252,244)
```
#49fcf5
```
#49fcf5 rgb(73,252,245)
```
#62fdf7
```
#62fdf7 rgb(98,253,247)
```
#7bfdf8
```
#7bfdf8 rgb(123,253,248)
```
#94fdf9
```
#94fdf9 rgb(148,253,249)
```
#adfefb
```
#adfefb rgb(173,254,251)
```
#c6fefc
```
#c6fefc rgb(198,254,252)
```

Monochromatic Color

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

#7bfdd8
```
#7bfdd8 rgb(123,253,216)
```
#7bfde2
```
#7bfde2 rgb(123,253,226)
```
#7bfded
```
#7bfded rgb(123,253,237)
```
#7bfdf8
```
#7bfdf8 rgb(123,253,248)
```
#7bf7fd
```
#7bf7fd rgb(123,247,253)
```
#7becfd
```
#7becfd rgb(123,236,253)
```
#7be2fd
```
#7be2fd rgb(123,226,253)
```

Similar Colors

Text with hexadecimal color #7bfdf8

This text has a font color of #7bfdf8.

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

#7bfdf8 background color

This paragraph has a background color of #7bfdf8.

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

#7bfdf8 border color

This element has a border color of #7bfdf8.

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

CSS codes

.text {color:#7bfdf8;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001716
```
#001716 rgb(0,23,22)
```
#012a28
```
#012a28 rgb(1,42,40)
```
#013d3b
```
#013d3b rgb(1,61,59)
```
#01514d
```
#01514d rgb(1,81,77)
```
#026460
```
#026460 rgb(2,100,96)
```
#027773
```
#027773 rgb(2,119,115)
```
#028b85
```
#028b85 rgb(2,139,133)
```
#029e98
```
#029e98 rgb(2,158,152)
```
#03b1aa
```
#03b1aa rgb(3,177,170)
```
#03c4bd
```
#03c4bd rgb(3,196,189)
```
#03d8d0
```
#03d8d0 rgb(3,216,208)
```
#04ebe2
```
#04ebe2 rgb(4,235,226)
```

Shade Color Variation

#07fbf2
```
#07fbf2 rgb(7,251,242)
```
#1afcf3
```
#1afcf3 rgb(26,252,243)
```
#2efcf4
```
#2efcf4 rgb(46,252,244)
```
#41fcf5
```
#41fcf5 rgb(65,252,245)
```
#54fcf6
```
#54fcf6 rgb(84,252,246)
```
#68fdf7
```
#68fdf7 rgb(104,253,247)
```
#7bfdf8
```
#7bfdf8 rgb(123,253,248)
```
#8efdf9
```
#8efdf9 rgb(142,253,249)
```
#a2fefa
```
#a2fefa rgb(162,254,250)
```
#b5fefb
```
#b5fefb rgb(181,254,251)
```
#c8fefc
```
#c8fefc rgb(200,254,252)
```
#dcfefd
```
#dcfefd rgb(220,254,253)
```
#effffe
```
#effffe rgb(239,255,254)
```

Tint Color Variation

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

#b9bfbf
```
#b9bfbf rgb(185,191,191)
```
#b4c4c4
```
#b4c4c4 rgb(180,196,196)
```
#afc9c8
```
#afc9c8 rgb(175,201,200)
```
#a9cfcd
```
#a9cfcd rgb(169,207,205)
```
#a4d4d2
```
#a4d4d2 rgb(164,212,210)
```
#9fd9d7
```
#9fd9d7 rgb(159,217,215)
```
#9adedb
```
#9adedb rgb(154,222,219)
```
#95e3e0
```
#95e3e0 rgb(149,227,224)
```
#90e8e5
```
#90e8e5 rgb(144,232,229)
```
#8aeeea
```
#8aeeea rgb(138,238,234)
```
#85f3ee
```
#85f3ee rgb(133,243,238)
```
#80f8f3
```
#80f8f3 rgb(128,248,243)
```
#7bfdf8
```
#7bfdf8 rgb(123,253,248)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#c4dedd Atypical Achromatopsia 0.001% of the population

Dichromacy

#ece8ed Protanopia 1% of men
#f3e4ff Deuteranopia 1% of men
#b9f3ff Tritanopia 0.001% of the population

Trichromacy

#c3f0f1 Protanomaly 1% of men, 0.01% of women
#c7edfc Deuteranomaly 6% of men, 0.4% of women
#a2f7fc Tritanomaly 0.01% of the population

#7bfdf8 hex color

#7bfdf8 Color Information

#7bfdf8 Color Conversion

Color Schemes with #7bfdf8

Alternatives to #7bfdf8

#7bfdf8 Preview

Shades and Tints of #7bfdf8

Tones of #7bfdf8

Color Blindness Simulator