#7bd1f0 hex color

In a RGB color space, hex #7bd1f0 is composed of 48.2% red, 82% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 12.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 195.9 degrees, a saturation of 79.6% and a lightness of 71.2%. #7bd1f0 color hex could be obtained by blending #f6ffff with #00a3e1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 48
- G 82
- B 94
RGB color chart
- C 49
- M 13
- Y 0
- K 6
CMYK color chart

● #7bd1f0 color description : Soft blue.

The hexadecimal color #7bd1f0 has RGB values of R:123, G:209, B:240 and CMYK values of C:0.49, M:0.13, Y:0, K:0.06. Its decimal value is 8114672.

Hex triplet	7bd1f0	`#7bd1f0`
RGB Decimal	123, 209, 240	`rgb(123,209,240)`
RGB Percent	48.2, 82, 94.1	`rgb(48.2%,82%,94.1%)`
CMYK	49, 13, 0, 6
HSL	195.9°, 79.6, 71.2	`hsl(195.9,79.6%,71.2%)`
HSV (or HSB)	195.9°, 48.8, 94.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.671, -17.85, -23.303
XYZ	46.693, 56.1, 90.801
xyY	0.241, 0.29, 56.1
CIE-LCH	79.671, 29.353, 232.548
CIE-LUV	79.671, -38.231, -34.49
Hunter-Lab	74.9, -19.798, -19.447
Binary	01111011, 11010001, 11110000

#7bd1f0
```
#7bd1f0 rgb(123,209,240)
```
#f09a7b
```
#f09a7b rgb(240,154,123)
```

Complementary Color

#7bf0d5
```
#7bf0d5 rgb(123,240,213)
```
#7bd1f0
```
#7bd1f0 rgb(123,209,240)
```
#7b97f0
```
#7b97f0 rgb(123,151,240)
```

Analogous Color

#f0d57b
```
#f0d57b rgb(240,213,123)
```
#7bd1f0
```
#7bd1f0 rgb(123,209,240)
```
#f07b97
```
#f07b97 rgb(240,123,151)
```

Split Complementary Color

#d1f07b
```
#d1f07b rgb(209,240,123)
```
#7bd1f0
```
#7bd1f0 rgb(123,209,240)
```
#f07bd1
```
#f07bd1 rgb(240,123,209)
```

Triadic Color

#7bf09a
```
#7bf09a rgb(123,240,154)
```
#7bd1f0
```
#7bd1f0 rgb(123,209,240)
```
#f07bd1
```
#f07bd1 rgb(240,123,209)
```
#f09a7b
```
#f09a7b rgb(240,154,123)
```

Tetradic Color

#36b9e8
```
#36b9e8 rgb(54,185,232)
```
#4dc1eb
```
#4dc1eb rgb(77,193,235)
```
#64c9ed
```
#64c9ed rgb(100,201,237)
```
#7bd1f0
```
#7bd1f0 rgb(123,209,240)
```
#92d9f3
```
#92d9f3 rgb(146,217,243)
```
#a9e1f5
```
#a9e1f5 rgb(169,225,245)
```
#c0e9f8
```
#c0e9f8 rgb(192,233,248)
```

Monochromatic Color

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

#7beef0
```
#7beef0 rgb(123,238,240)
```
#7be5f0
```
#7be5f0 rgb(123,229,240)
```
#7bdbf0
```
#7bdbf0 rgb(123,219,240)
```
#7bd1f0
```
#7bd1f0 rgb(123,209,240)
```
#7bc7f0
```
#7bc7f0 rgb(123,199,240)
```
#7bbef0
```
#7bbef0 rgb(123,190,240)
```
#7bb4f0
```
#7bb4f0 rgb(123,180,240)
```

Similar Colors

Text with hexadecimal color #7bd1f0

This text has a font color of #7bd1f0.

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

#7bd1f0 background color

This paragraph has a background color of #7bd1f0.

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

#7bd1f0 border color

This element has a border color of #7bd1f0.

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

CSS codes

.text {color:#7bd1f0;}

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

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

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

#010709
```
#010709 rgb(1,7,9)
```
#03141b
```
#03141b rgb(3,20,27)
```
#05222c
```
#05222c rgb(5,34,44)
```
#072f3e
```
#072f3e rgb(7,47,62)
```
#093d4f
```
#093d4f rgb(9,61,79)
```
#0b4a61
```
#0b4a61 rgb(11,74,97)
```
#0d5873
```
#0d5873 rgb(13,88,115)
```
#0f6584
```
#0f6584 rgb(15,101,132)
```
#117396
```
#117396 rgb(17,115,150)
```
#1380a7
```
#1380a7 rgb(19,128,167)
```
#158eb9
```
#158eb9 rgb(21,142,185)
```
#179bcb
```
#179bcb rgb(23,155,203)
```
#19a9dc
```
#19a9dc rgb(25,169,220)
```

Shade Color Variation

#23b2e6
```
#23b2e6 rgb(35,178,230)
```
#35b8e8
```
#35b8e8 rgb(53,184,232)
```
#46bfea
```
#46bfea rgb(70,191,234)
```
#58c5ec
```
#58c5ec rgb(88,197,236)
```
#69cbee
```
#69cbee rgb(105,203,238)
```
#7bd1f0
```
#7bd1f0 rgb(123,209,240)
```
#8dd7f2
```
#8dd7f2 rgb(141,215,242)
```
#9eddf4
```
#9eddf4 rgb(158,221,244)
```
#b0e3f6
```
#b0e3f6 rgb(176,227,246)
```
#c1eaf8
```
#c1eaf8 rgb(193,234,248)
```
#d3f0fa
```
#d3f0fa rgb(211,240,250)
```
#e5f6fc
```
#e5f6fc rgb(229,246,252)
```
#f6fcfe
```
#f6fcfe rgb(246,252,254)
```

Tint Color Variation

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

#b4b6b7
```
#b4b6b7 rgb(180,182,183)
```
#aeb9bd
```
#aeb9bd rgb(174,185,189)
```
#a8bcc3
```
#a8bcc3 rgb(168,188,195)
```
#a3bec8
```
#a3bec8 rgb(163,190,200)
```
#9dc1ce
```
#9dc1ce rgb(157,193,206)
```
#97c4d4
```
#97c4d4 rgb(151,196,212)
```
#92c6d9
```
#92c6d9 rgb(146,198,217)
```
#8cc9df
```
#8cc9df rgb(140,201,223)
```
#86cce5
```
#86cce5 rgb(134,204,229)
```
#81ceea
```
#81ceea rgb(129,206,234)
```
#7bd1f0
```
#7bd1f0 rgb(123,209,240)
```
#75d4f6
```
#75d4f6 rgb(117,212,246)
```
#70d6fb
```
#70d6fb rgb(112,214,251)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#aebfc6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c6e9 Protanopia 1% of men
#c2c4f6 Deuteranopia 1% of men
#7dd5e5 Tritanopia 0.001% of the population

Trichromacy

#a7caeb Protanomaly 1% of men, 0.01% of women
#a8c9f3 Deuteranomaly 6% of men, 0.4% of women
#7cd3e9 Tritanomaly 0.01% of the population

#7bd1f0 hex color

#7bd1f0 Color Information

#7bd1f0 Color Conversion

Color Schemes with #7bd1f0

Alternatives to #7bd1f0

#7bd1f0 Preview

Shades and Tints of #7bd1f0

Tones of #7bd1f0

Color Blindness Simulator