#7bbef1 hex color

In a RGB color space, hex #7bbef1 is composed of 48.2% red, 74.5% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 21.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 205.9 degrees, a saturation of 80.8% and a lightness of 71.4%. #7bbef1 color hex could be obtained by blending #f6ffff with #007de3. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 48
- G 75
- B 95
RGB color chart
- C 49
- M 21
- Y 0
- K 5
CMYK color chart

● #7bbef1 color description : Soft blue.

The hexadecimal color #7bbef1 has RGB values of R:123, G:190, B:241 and CMYK values of C:0.49, M:0.21, Y:0, K:0.05. Its decimal value is 8109809.

Hex triplet	7bbef1	`#7bbef1`
RGB Decimal	123, 190, 241	`rgb(123,190,241)`
RGB Percent	48.2, 74.5, 94.5	`rgb(48.2%,74.5%,94.5%)`
CMYK	49, 21, 0, 5
HSL	205.9°, 80.8, 71.4	`hsl(205.9,80.8%,71.4%)`
HSV (or HSB)	205.9°, 49, 94.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	74.436, -7.602, -31.858
XYZ	42.455, 47.386, 90.124
xyY	0.236, 0.263, 47.386
CIE-LCH	74.436, 32.753, 256.578
CIE-LUV	74.436, -30.905, -50.029
Hunter-Lab	68.838, -10.377, -29.437
Binary	01111011, 10111110, 11110001

#7bbef1
```
#7bbef1 rgb(123,190,241)
```
#f1ae7b
```
#f1ae7b rgb(241,174,123)
```

Complementary Color

#7bf1e9
```
#7bf1e9 rgb(123,241,233)
```
#7bbef1
```
#7bbef1 rgb(123,190,241)
```
#7b83f1
```
#7b83f1 rgb(123,131,241)
```

Analogous Color

#f1e97b
```
#f1e97b rgb(241,233,123)
```
#7bbef1
```
#7bbef1 rgb(123,190,241)
```
#f17b83
```
#f17b83 rgb(241,123,131)
```

Split Complementary Color

#bef17b
```
#bef17b rgb(190,241,123)
```
#7bbef1
```
#7bbef1 rgb(123,190,241)
```
#f17bbe
```
#f17bbe rgb(241,123,190)
```

Triadic Color

#7bf1ae
```
#7bf1ae rgb(123,241,174)
```
#7bbef1
```
#7bbef1 rgb(123,190,241)
```
#f17bbe
```
#f17bbe rgb(241,123,190)
```
#f1ae7b
```
#f1ae7b rgb(241,174,123)
```

Tetradic Color

#369cea
```
#369cea rgb(54,156,234)
```
#4da7ec
```
#4da7ec rgb(77,167,236)
```
#64b3ef
```
#64b3ef rgb(100,179,239)
```
#7bbef1
```
#7bbef1 rgb(123,190,241)
```
#92c9f3
```
#92c9f3 rgb(146,201,243)
```
#a9d5f6
```
#a9d5f6 rgb(169,213,246)
```
#c0e0f8
```
#c0e0f8 rgb(192,224,248)
```

Monochromatic Color

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

#7bdcf1
```
#7bdcf1 rgb(123,220,241)
```
#7bd2f1
```
#7bd2f1 rgb(123,210,241)
```
#7bc8f1
```
#7bc8f1 rgb(123,200,241)
```
#7bbef1
```
#7bbef1 rgb(123,190,241)
```
#7bb4f1
```
#7bb4f1 rgb(123,180,241)
```
#7baaf1
```
#7baaf1 rgb(123,170,241)
```
#7ba1f1
```
#7ba1f1 rgb(123,161,241)
```

Similar Colors

Text with hexadecimal color #7bbef1

This text has a font color of #7bbef1.

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

#7bbef1 background color

This paragraph has a background color of #7bbef1.

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

#7bbef1 border color

This element has a border color of #7bbef1.

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

CSS codes

.text {color:#7bbef1;}

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

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

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, #01060a is the darkest color, while #f7fbfe is the lightest one.

#01060a
```
#01060a rgb(1,6,10)
```
#03111c
```
#03111c rgb(3,17,28)
```
#051c2d
```
#051c2d rgb(5,28,45)
```
#07273f
```
#07273f rgb(7,39,63)
```
#093251
```
#093251 rgb(9,50,81)
```
#0a3c63
```
#0a3c63 rgb(10,60,99)
```
#0c4774
```
#0c4774 rgb(12,71,116)
```
#0e5286
```
#0e5286 rgb(14,82,134)
```
#105d98
```
#105d98 rgb(16,93,152)
```
#1268a9
```
#1268a9 rgb(18,104,169)
```
#1473bb
```
#1473bb rgb(20,115,187)
```
#167ecd
```
#167ecd rgb(22,126,205)
```
#1889df
```
#1889df rgb(24,137,223)
```

Shade Color Variation

#2292e8
```
#2292e8 rgb(34,146,232)
```
#349be9
```
#349be9 rgb(52,155,233)
```
#46a4eb
```
#46a4eb rgb(70,164,235)
```
#58aded
```
#58aded rgb(88,173,237)
```
#69b5ef
```
#69b5ef rgb(105,181,239)
```
#7bbef1
```
#7bbef1 rgb(123,190,241)
```
#8dc7f3
```
#8dc7f3 rgb(141,199,243)
```
#9ecff5
```
#9ecff5 rgb(158,207,245)
```
#b0d8f7
```
#b0d8f7 rgb(176,216,247)
```
#c2e1f9
```
#c2e1f9 rgb(194,225,249)
```
#d4eafa
```
#d4eafa rgb(212,234,250)
```
#e5f2fc
```
#e5f2fc rgb(229,242,252)
```
#f7fbfe
```
#f7fbfe rgb(247,251,254)
```

Tint Color Variation

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

#b3b6b9
```
#b3b6b9 rgb(179,182,185)
```
#aeb7be
```
#aeb7be rgb(174,183,190)
```
#a8b8c4
```
#a8b8c4 rgb(168,184,196)
```
#a2b9ca
```
#a2b9ca rgb(162,185,202)
```
#9db9cf
```
#9db9cf rgb(157,185,207)
```
#97bad5
```
#97bad5 rgb(151,186,213)
```
#91bbdb
```
#91bbdb rgb(145,187,219)
```
#8cbce0
```
#8cbce0 rgb(140,188,224)
```
#86bce6
```
#86bce6 rgb(134,188,230)
```
#81bdeb
```
#81bdeb rgb(129,189,235)
```
#7bbef1
```
#7bbef1 rgb(123,190,241)
```
#75bff7
```
#75bff7 rgb(117,191,247)
```
#70c0fc
```
#70c0fc rgb(112,192,252)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a5b3bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb8ec Protanopia 1% of men
#a9b8f5 Deuteranopia 1% of men
#76c6d5 Tritanopia 0.001% of the population

Trichromacy

#9abaed Protanomaly 1% of men, 0.01% of women
#98baf3 Deuteranomaly 6% of men, 0.4% of women
#77c3df Tritanomaly 0.01% of the population

#7bbef1 hex color

#7bbef1 Color Information

#7bbef1 Color Conversion

Color Schemes with #7bbef1

Alternatives to #7bbef1

#7bbef1 Preview

Shades and Tints of #7bbef1

Tones of #7bbef1

Color Blindness Simulator