#7bf5f6 hex color

In a RGB color space, hex #7bf5f6 is composed of 48.2% red, 96.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 180.5 degrees, a saturation of 87.2% and a lightness of 72.4%. #7bf5f6 color hex could be obtained by blending #f6ffff with #00ebed. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 48
- G 96
- B 96
RGB color chart
- C 50
- M 0
- Y 0
- K 4
CMYK color chart

● #7bf5f6 color description : Soft cyan.

The hexadecimal color #7bf5f6 has RGB values of R:123, G:245, B:246 and CMYK values of C:0.5, M:0, Y:0, K:0.04. Its decimal value is 8123894.

Hex triplet	7bf5f6	`#7bf5f6`
RGB Decimal	123, 245, 246	`rgb(123,245,246)`
RGB Percent	48.2, 96.1, 96.5	`rgb(48.2%,96.1%,96.5%)`
CMYK	50, 0, 0, 4
HSL	180.5°, 87.2, 72.4	`hsl(180.5,87.2%,72.4%)`
HSV (or HSB)	180.5°, 50, 96.5
Web Safe	66ffff	`#66ffff`

CIE-LAB	89.936, -33.866, -11.014
XYZ	57.451, 76.166, 98.858
xyY	0.247, 0.328, 76.166
CIE-LCH	89.936, 35.613, 198.016
CIE-LUV	89.936, -51.772, -12.015
Hunter-Lab	87.273, -35.223, -6.069
Binary	01111011, 11110101, 11110110

#7bf5f6
```
#7bf5f6 rgb(123,245,246)
```
#f67c7b
```
#f67c7b rgb(246,124,123)
```

Complementary Color

#7bf6ba
```
#7bf6ba rgb(123,246,186)
```
#7bf5f6
```
#7bf5f6 rgb(123,245,246)
```
#7bb8f6
```
#7bb8f6 rgb(123,184,246)
```

Analogous Color

#f6ba7b
```
#f6ba7b rgb(246,186,123)
```
#7bf5f6
```
#7bf5f6 rgb(123,245,246)
```
#f67bb8
```
#f67bb8 rgb(246,123,184)
```

Split Complementary Color

#f5f67b
```
#f5f67b rgb(245,246,123)
```
#7bf5f6
```
#7bf5f6 rgb(123,245,246)
```
#f67bf5
```
#f67bf5 rgb(246,123,245)
```

Triadic Color

#7bf67c
```
#7bf67c rgb(123,246,124)
```
#7bf5f6
```
#7bf5f6 rgb(123,245,246)
```
#f67bf5
```
#f67bf5 rgb(246,123,245)
```
#f67c7b
```
#f67c7b rgb(246,124,123)
```

Tetradic Color

#33f0f1
```
#33f0f1 rgb(51,240,241)
```
#4bf1f3
```
#4bf1f3 rgb(75,241,243)
```
#63f3f4
```
#63f3f4 rgb(99,243,244)
```
#7bf5f6
```
#7bf5f6 rgb(123,245,246)
```
#93f7f8
```
#93f7f8 rgb(147,247,248)
```
#abf9f9
```
#abf9f9 rgb(171,249,249)
```
#c3fafb
```
#c3fafb rgb(195,250,251)
```

Monochromatic Color

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

#7bf6d8
```
#7bf6d8 rgb(123,246,216)
```
#7bf6e3
```
#7bf6e3 rgb(123,246,227)
```
#7bf6ed
```
#7bf6ed rgb(123,246,237)
```
#7bf5f6
```
#7bf5f6 rgb(123,245,246)
```
#7bebf6
```
#7bebf6 rgb(123,235,246)
```
#7be1f6
```
#7be1f6 rgb(123,225,246)
```
#7bd6f6
```
#7bd6f6 rgb(123,214,246)
```

Similar Colors

Text with hexadecimal color #7bf5f6

This text has a font color of #7bf5f6.

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

#7bf5f6 background color

This paragraph has a background color of #7bf5f6.

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

#7bf5f6 border color

This element has a border color of #7bf5f6.

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

CSS codes

.text {color:#7bf5f6;}

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

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

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, #010f0f is the darkest color, while #fcffff is the lightest one.

#010f0f
```
#010f0f rgb(1,15,15)
```
#022121
```
#022121 rgb(2,33,33)
```
#043334
```
#043334 rgb(4,51,52)
```
#054546
```
#054546 rgb(5,69,70)
```
#065858
```
#065858 rgb(6,88,88)
```
#076a6b
```
#076a6b rgb(7,106,107)
```
#097c7d
```
#097c7d rgb(9,124,125)
```
#0a8e8f
```
#0a8e8f rgb(10,142,143)
```
#0ba1a2
```
#0ba1a2 rgb(11,161,162)
```
#0cb3b4
```
#0cb3b4 rgb(12,179,180)
```
#0ec5c7
```
#0ec5c7 rgb(14,197,199)
```
#0fd7d9
```
#0fd7d9 rgb(15,215,217)
```
#10e9eb
```
#10e9eb rgb(16,233,235)
```

Shade Color Variation

#1feef0
```
#1feef0 rgb(31,238,240)
```
#32eff1
```
#32eff1 rgb(50,239,241)
```
#44f1f2
```
#44f1f2 rgb(68,241,242)
```
#56f2f3
```
#56f2f3 rgb(86,242,243)
```
#69f4f5
```
#69f4f5 rgb(105,244,245)
```
#7bf5f6
```
#7bf5f6 rgb(123,245,246)
```
#8df6f7
```
#8df6f7 rgb(141,246,247)
```
#a0f8f9
```
#a0f8f9 rgb(160,248,249)
```
#b2f9fa
```
#b2f9fa rgb(178,249,250)
```
#c4fbfb
```
#c4fbfb rgb(196,251,251)
```
#d7fcfc
```
#d7fcfc rgb(215,252,252)
```
#e9fdfe
```
#e9fdfe rgb(233,253,254)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#b7baba
```
#b7baba rgb(183,186,186)
```
#b1c0c0
```
#b1c0c0 rgb(177,192,192)
```
#acc5c5
```
#acc5c5 rgb(172,197,197)
```
#a6cacb
```
#a6cacb rgb(166,202,203)
```
#a1d0d0
```
#a1d0d0 rgb(161,208,208)
```
#9cd5d5
```
#9cd5d5 rgb(156,213,213)
```
#96dadb
```
#96dadb rgb(150,218,219)
```
#91e0e0
```
#91e0e0 rgb(145,224,224)
```
#8be5e6
```
#8be5e6 rgb(139,229,230)
```
#86eaeb
```
#86eaeb rgb(134,234,235)
```
#80f0f1
```
#80f0f1 rgb(128,240,241)
```
#7bf5f6
```
#7bf5f6 rgb(123,245,246)
```
#76fafb
```
#76fafb rgb(118,250,251)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#c0d8d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e2eb Protanopia 1% of men
#ebdefe Deuteranopia 1% of men
#9ff0ff Tritanopia 0.001% of the population

Trichromacy

#bee9ef Protanomaly 1% of men, 0.01% of women
#c2e6fb Deuteranomaly 6% of men, 0.4% of women
#92f2fb Tritanomaly 0.01% of the population

#7bf5f6 hex color

#7bf5f6 Color Information

#7bf5f6 Color Conversion

Color Schemes with #7bf5f6

Alternatives to #7bf5f6

#7bf5f6 Preview

Shades and Tints of #7bf5f6

Tones of #7bf5f6

Color Blindness Simulator